Python Tkinter Treeview

from tkinter import ttk

from tkinter import ttk
import tkinter as tk
# Creating tkinter my_w
my_w = tk.Tk()
my_w.geometry("260x280") 
my_w.title("www.plus2net.com")  
# Using treeview widget
trv = ttk.Treeview(my_w, selectmode ='browse')
trv.grid(row=1,column=1,padx=30,pady=20)

# column identifiers 
trv["columns"] = ("1", "2")
# Defining headings, other option is tree
trv['show'] = 'tree' 
# width of columns and alignment 
trv.column("#0", width = 80, anchor ='c')
trv.column("1", width = 10, anchor ='c')
trv.column("2", width = 100, anchor ='c')
# Headings  
# respective columns
trv.heading("#0", text ="Label",anchor='c')
trv.heading("1", text ="id")
trv.heading("2", text ="Name",anchor='c')

trv.insert("",'end',iid=1,text='First',values=(1,'n1-Alex'))
trv.insert("",'end',iid=2,text='second',values=(2,'n2-Ravi'))
trv.insert("",'end',iid=3,text='third',values=(3,'n3-Ronn'))

my_w.mainloop()

show option: trv['show'] = 'tree' 🔝

Parent-child node 🔝

Getting list of data from Treeview 🔝

my_list=[]           
for child in trv.get_children():
    my_list.append(trv.item(child)["values"][1])
    #print(trv.item(child)["values"])
    #print(trv.item(child)["values"][1]) # for Name
print(my_list)

On select event of treeview 🔝

def data_collect():
    print("hi")
    p_id = trv.selection()[0] # collect selected row id
trv.bind("<<TreeviewSelect>>", data_collect())  

Displaying selected item value 🔝

def show():
    p_id = trv.selection()[0] # collect selected row id
    print(trv.item(p_id)) # Dictionary of all options
    print(trv.item(p_id)['values']) # List of values
b1=tk.Button(my_w,text='Show',command=show)
b1.grid(row=2,column=1)

Adding Buttons to move UP or DOWN the row selection 🔝

from tkinter import ttk
import tkinter as tk
my_w = tk.Tk()
my_w.geometry("450x380")  # width and height of window
my_w.title("www.plus2net.com")  # title of the window
i=0
def my_move(direction):
    global i
    if(direction=='Up'): # Up button is clicked
        i=int(i)-1
    else:
        i=int(i)+1
    trv.selection_set(i)
bt1=tk.Button(my_w,text='Up',command=lambda:my_move('Up'))
bt1.grid(row=1,column=0,padx=5,pady=10)
bt2=tk.Button(my_w,text='Down',command=lambda:my_move('Down'))
bt2.grid(row=1,column=1,padx=5,pady=10)

trv=ttk.Treeview(my_w,selectmode='browse',show='headings')
trv.grid(row=2,column=0,columnspan=3,padx=30,pady=10)
# column identifiers
trv["columns"] = ("1", "2","3","4")
trv.column("1", width = 50, anchor ='w')
trv.column("2", width = 150, anchor ='c')
trv.column("3", width = 100, anchor ='c')
trv.column("4", width = 70, anchor ='c')

trv.heading(1, text ="id",anchor='w')
trv.heading(2, text ="Name",anchor='c')
trv.heading(3, text ="Class",anchor='c')
trv.heading(4, text ="Mark",anchor='c')

trv.insert("",'end',iid=1,values=(1,'Alex1','Four',78))
trv.insert("",'end',iid=2,values=(2,'Alex2','Four',80))
trv.insert("",'end',iid=3,values=(4,'Alex3','Four',78))
trv.insert("",'end',iid=4,values=(5,'Alex4','Five',80))
trv.insert("",'end',iid=5,values=(6,'Alex5','Sixr',40))
trv.insert("",'end',iid=6,values=(7,'Alex6','Four',70))
trv.insert("",'end',iid=7,values=(8,'Alex7','Three',50))

#trv.selection_set('b')
#p_id=trv.selection()[0]
#print(p_id)
def data_collect(*args):
    global i
    i=trv.selection()[0] #iid value of the selection 
    print(i)
trv.bind("<<TreeviewSelect>>",data_collect) # On select event or row

my_w.mainloop()

Edit and update selected item value 🔝

def show():
    p_id = trv.selection()[0] # collect selected row id
    print(trv.item(p_id)) # Dictionary of all options
    print(trv.item(p_id)['values']) # List of values
def upd():
    p_id = trv.selection()[0] # collect selected row id
    trv.item(p_id, values=[trv.item(p_id)['values'][0],e1.get()])
b1=tk.Button(my_w,text='Show',command=show)
b1.grid(row=2,column=2)    
e1=tk.Entry(my_w)
e1.grid(row=3,column=1)
b1=tk.Button(my_w,text='Update',command=upd)
b1.grid(row=3,column=2)

Reading all rows of Treeview 🔝

for line in trv.get_children():
        print(trv.item(line)['values'])

print(trv.item(line)['values'][3])

Delete all items ( rows ) of Treeview 🔝

for item in trv.get_children():
        trv.delete(item)

trv.delete(*trv.get_children())# delete all rows from treeview

Attributes of Treeview 🔝

Key Features of Treeview Attributes

• Customization: Treeview attributes allow you to customize the widget's appearance and behavior to suit your application.
• Flexible Data Display: Configure columns, headings, and scrollbars for displaying data dynamically.
• Improved User Interaction: Attributes like selectmode and cursor enhance the usability of the Treeview widget.

Tkinter Treeview Methods: Comprehensive List 🔝

The following table lists commonly used Tkinter Treeview methods, along with their descriptions and examples for better understanding.

Wrapping text 🔝

from tkinter import *
from tkinter import ttk
import textwrap
def wrap(string, length=20):
    return '\n'.join(textwrap.wrap(string, length))
my_w = Tk()
trv = ttk.Treeview(my_w, height=3)
trv['show'] = 'headings'
s = ttk.Style()
s.configure('Treeview', rowheight=60)
trv["columns"] = ("1", "2")
trv.column("1", width=100)
trv.column("2", width=100)
trv.heading("1", text="col 1")
trv.heading("2", text="col 2")
item = trv.insert("", "end", values=(wrap("This is long text,i want to wrap"),
                                         wrap("and this text also length is more")))
item = trv.insert("", "end", values=("No wrap","No Wrap"))
trv.grid(row=0, column=0)
my_w.mainloop()

Adding scrollbar to Treeview 🔝

vs = ttk.Scrollbar(my_w,orient="vertical", command=trv.yview)#V Scrollbar
trv.configure(yscrollcommand=vs.set)  # connect to Treeview
vs.grid(row=1,column=2,sticky='ns')

Adding horizontal Scrollbar 🔝

trv.column(i, anchor ='c', width=20,stretch = False)

hs = ttk.Scrollbar(my_w,orient="horizontal", command=trv.xview)#H Scrollbar 
trv.configure(xscrollcommand=hs.set)  # connect to Treeview
hs.grid(row=2,column=1,sticky='ew')

Using Google sheets data with Treeview 🔝

We can collect data from google sheet and use as data for a Treeview by using pygsheets library and google drive API.
Data of Treeview from Google sheet data»

Using Excel data with Treeview 🔝

We can collect data from MS Excel by using openpyxl library and use as data for a Treeview
Excel Data to create Treeview »

Subhendu Mohapatra

Author

🎥 Join me live on YouTube

Passionate about coding and teaching, I publish practical tutorials on PHP, Python, JavaScript, SQL, and web development. My goal is to make learning simple, engaging, and project‑oriented with real examples and source code.

← Subscribe to our YouTube Channel here