Adding a table

[Dreams005]

Hey, pretty self-explanatory. I've been trying to find out how to add a table using customtkinter but I can't find anything related to it.
Could anyone show me how to implement one please?

Edit: This is my first time ever using anything related to python GUIs

[Dreams005]

nvm i just worked around this limitation by adding an old tkinter table and changing it to look modern

[FidelMhaule]

`    style = ttk.Style()
    
            style.theme_use("default")
    
            style.configure("Treeview",
                            background="#2a2d2e",
                            foreground="white",
                            rowheight=25,
                            fieldbackground="#343638",
                            bordercolor="#343638",
                            borderwidth=0)
            style.map('Treeview', background=[('selected', '#22559b')])
    
            style.configure("Treeview.Heading",
                            background="#565b5e",
                            foreground="white",
                            relief="flat")
            style.map("Treeview.Heading",
                      background=[('active', '#3484F0')])`

Hi

I want to add the treeview. How do I use the Tkinter module in Custom Tkinter?

[ryukaizen]

Based

[pinkurauchin]

Hi! I'm using this method to show data on my application, but i'm having this problem:

I dont know why, but so many time it appears with that blank spaces before and after the table, do u know why it should be happening?
Thanks

[Dreams005]

@pinkurauchin , I have not coded in forever so I have absolutely no idea. But, it might be that the size of that frame is too large, try decreasing the size of it.

[febin-j]

Hi @Dreams005 how did you get your table to fit inside of your frame? When I try to do that my frame just dissapears

[RobbieKhan]

Best table widget for tkinter that I have ever seen is tksheet packet.
You can interact with all table cells, select\deselect them, copy, delete, move columns and so on. Minimal example is below.

import tkinter.ttk as ttk
import tksheet
...

class UI_TabTable(ttk.Frame):
    def __init__(self, main_window, **kw):
            self.table = tksheet.Sheet(self, font=GUI_FONT_CONTENT, header_font=GUI_FONT_CONTENT,
                                       popup_menu_font=GUI_FONT_CONTENT, table_bg=GUI_BG_COLOR)
            self.table.headers(['Timestamp', 'Temperature, °C', 'Humidity, %', 'Annotation'])
            self.table.column_width(column=0, width=180, only_set_if_too_small=False)
            self.table.column_width(column=2, width=100, only_set_if_too_small=False)
            self.table.column_width(column=3, width=180, only_set_if_too_small=False)
            self.table.pack(expand=True, fill='both')
            self.table.enable_bindings('all')
            self.table.disable_bindings(['rc_insert_column', 'rc_delete_column', 'edit_cell', 'delete', 'paste',
                                         'cut', 'rc_delete_row', 'rc_insert_row'])

    def add(self, timestamp, temperature, humidity, is_tampered, is_bookmark):
        self.table.insert_row(values=(timestamp, temperature, humidity, is_tampered, is_bookmark),
                              idx='end', add_columns=False)

    def clear(self):
        self.table.select_all(redraw=False, run_binding_func=True)
        rows_number = len(self.table.get_selected_rows(get_cells_as_rows=True))
        self.table.MT.del_row_positions(idx=0, numrows=rows_number, deselect_all=True)

How it looks:

[Nexa10]

@Dreams005 Please can you share the code for the table

[sathyarajshetigar]

+1

[Dreams005]

Sorry @Nexa10 I just saw this now thanks to @sathyarajshetigar. I haven't coded in forever so I'm not sure if this is up to date anymore but this is what I used

`
self.grid_columnconfigure(1, weight=1)
self.grid_rowconfigure(0, weight=1)

    self.frame_left = customtkinter.CTkFrame(master=self,
                                             width=200,
                                             corner_radius=0)
    self.frame_left.grid(row=0, column=0, sticky="nswe")

    self.frame_right = customtkinter.CTkFrame(master=self)
    self.frame_right.grid(row=0, column=1, sticky="nswe", padx=15, pady=15)

    self.frame_left.grid_rowconfigure(0, minsize=10)
    self.frame_left.grid_rowconfigure(8, minsize=20)
    self.frame_left.grid_rowconfigure(11, minsize=10)

    self.add_menu_display211 = customtkinter.CTkFrame(master=self.frame_right,
                                                      corner_radius=15,
                                                      height=400,
                                                      width=600)
    self.add_menu_display211.grid(pady=15, padx=15, sticky="nws")

    columns = ('id', 'item', 'date_added', 'date_of_manufacture')

    self.table = ttk.Treeview(master=self.add_menu_display211,
                              columns=columns,
                              height=17,
                              selectmode='browse',
                              show='headings')

    self.table.column("#1", anchor="c", minwidth=50, width=50)
    self.table.column("#2", anchor="w", minwidth=220, width=220)
    self.table.column("#3", anchor="c", minwidth=120, width=120)
    self.table.column("#4", anchor="c", minwidth=120, width=120)

    self.table.heading('id', text='ID')
    self.table.heading('item', text='Item')
    self.table.heading('date_added', text='Date Added')
    self.table.heading('date_of_manufacture', text='Date of Manufacture')

    self.table.grid(row=0, column=0, sticky='nsew', padx=10, pady=10)

    self.table.bind('<Motion>', 'break')`

[Nexa10]

thanks

[sathyarajshetigar]

I implemented the treeview and its working fine in 1080P monitor but if I open it in a 4K monitor scaling gets messed up
this is how it looks in 4k

and this is how it looks in 1080p screen

any idea how to fix the scaling

[Akascape]

@Dreams005 Here is a table widget for customtkinter: https://github.com/Akascape/CTkTable

[sathyarajshetigar]

Thanks. Let me try it out

[santhoshu2903]

how to get the focus from this tables, like get object of hovered row

[Akascape]

@santhoshu2903 Check this out: Akascape/CTkTable#6 and Akascape/CTkTable#29 (comment)

[khawajaRafey]

The CTkTable is good and has many good functions. But if you have more records, like I tested it by loading a thousand records from the database into the table, the app took 5-8 seconds to start and then a laggy, stucked black screen. So if you have a few records its good. Otherwise in case of more records it's not recommended. Thanks!