Tkinter - Treeview Edit Cells Directly

I'll show you how to edit individual cells in the Treeview widget.
You will be able to double-click a cell and edit the value directly.
This involves placing an entry widget over top of a Treeview cell at the right time, which then allows the user to edit the text.
The treeview widget provides the methods we need to make this happen.
A reference site which lists some of the methods we will be using in the Treeview widget:
tkdocs.com/shipman/ttk-Treevie...
0:00 Intro
0:57 Demo app
1:18 Starter code
2:00 Create a treeview class
4:35 Create columns
5:19 Add text to heading
6:42 Insert rows
9:28 Bind to double-click
12:03 Identify region double-clicked
16:43 Identify which item was double-clicked
20:16 Difference between text and values
21:57 Get selected text or values
23:50 Get cell text
27:04 Get cell bounding box
30:43 Create entry widget
35:02 Demo app with entry widget
35:38 Entry focus out binding
37:49 Update treeview data
44:21 Final demo app
45:16 Closure
#tkinter #treeview #pythongui #python3

[@kristosy]

Best Tkinter channel I have found! Someone who actually explains real world intermediate/advanced scenarios instead of just "How to create a main window and place a button".

[@antoniobuonomo6346]

Dall' italia sei un mito continua cosi, grazie 😀molte sto imparando molto (From Italy you are a legend, keep it up, thank you very much, I'm learning a lot)

[@lukepemberton3555]

This was so helpful. Your tkinter videos are unrivalled on the internet. Thank you so much

[@jobinpy]

Thanks for your kind words!

[@ahmedragala3946]

I've finished the tutorial, and it works perfectly! Thank you for your generosity!

[@vp1o2]

Great tutorial. You are a very good teacher. Thank you.

[@ahmedsaliem7041]

Really excellent tutorial that I haven't seen like it before. Thanks. Thanks again

[@RaymondAlman]

this was good, love to see a simple csv file opened and updated by this method

[@mohammedabd-allah2257]

excellent tutorial, straight to the point and addresses all needed. many thanks for sharing

[@jobinpy]

Thanks for watching!

[@bithepower9081]

My word you are a genuine genius this was VERY impressive indeed! Thank you for sharing

[@user-wn9es7xp2v]

I ve been searching this for a week. you are my savior. Thank you very much SIR!

[@jobinpy]

Glad I could help!

[@prwbluz]

Superb Tutorial, fabulous teacher. One of the most lucid demonstrations of TreeView.

[@jobinpy]

Thanks!

[@YOYOLUCK88]

Very detailed explanation, thanks a lot.

[@barrykruyssen]

Excellent, great subject matter and well presented.

[@pierreedelbruck1853]

Hi Jobin, and thank you for the nice tutorial. This was exactly what I needed. As I am french, I particularly appreciated the quality of the sound track and your crystal clear speech. About the topic, I would not have expected to have to dig in such details. I was hoping to find an editing feature out of the box in treeview. So, thank you again, Pierre.

[@jobinpy]

Thanks for your kind words!

[@bolt3360]

Great tutorial :) Only suggestion I have is to include the code from the video as a downloadable file to make adapting it for use in other projects easier. Thank you :D

[@alipk2633]

this such a powerfull addition to tkinter thank you so much

[@jobinpy]

Thanks for watching!

[@curtis4u2]

Exactly what I needed, very well explained and easy to follow. If I can add a tip, the header height is determined by the first header column that tkinter creates. If you want to make the header taller you can add new line symbols to the beginning and end of the first column text like " Vehicle Type ". This would give you a three line header for all columns. Thanks again for this, I will be checking out your other videos as well.

[@jobinpy]

Great tip! Thanks for the info and thanks for watching!

[@krystian6364]

Amazing video brother, thanks for the help!

[@victorhenrique3726]

Thank you very much for the explanation, besides being a beginner, it helped me a lot because I hadn't found anything that would help with this.

[@jobinpy]

Glad it helped! Thanks for watching.

[@kevinrauer]

What an amazing tutorial.. Thank-you so much, I am looking forward to more of your videos..

[@nightsky1979]

This tutorial is excellent!

[@siyabonganxumalo4574]

This is brilliant!

[@4notheruser450]

Thats perfect and explained very detailed thank you

[@jobinpy]

Glad it was helpful! Thanks for watching.

[@sumitnair7499]

thanks Jobin ,.. this is video is truly amazing.. keep up the good work and share such amazing and informative videos. 👍

[@jobinpy]

Thanks for your kind words!

[@davendersingh114]

Thanks for explain line by line

[@higuys638]

This is what I've been searching for a month. Thank you so much brother. Expecting more videos and support.

[@jbt8903]

Excellent Tutorial, the most advanced and Informative video I have seen. I personally learn best be example and this video taught me a lot and explained a lot of things I had questions about. Thank you for your effort. Hopefully there will be a follow up video to get into more details on developing an application. Thank You!

[@jobinpy]

Glad it was helpful!

[@SamiVauhkonen]

Thanks, nice lesson!

[@larrymarek9571]

This is exactly what I need! Thank you for to this great video. It would be very helpful if you made the code available, its hard to type with the video

[@alexeymatveev9031]

this is just grand. Thank you very much

[@jobinpy]

Glad you liked it! Thanks for watching.

[@AnyKeySkywalker]

Спасибо, все четко и ясно.

[@stevemarshall2358]

Thank you

[@elciocarlos3636]

Excelente !!!

[@ahmedragala3946]

Thanks!!

[@manfredschork299]

Great, Perfect

[@shaliniemmanuel7585]

Hello Jobin, thank you for this video, this was quite useful. I have a couple of questions, can we 1. wrap the text within the cell and automatically increase the size of the row, 2. adding verical and horizontal scrollbars, 3. highlight a column and a cell individually with different color, if yes can you pl. make a video on formatting the Treeview control. thank you

[@godsonnudzor357]

Great tutorial, can i use say combo box widget than the entry widget and what about if I want the combo to replace where the sedan is only

[@-sg.3665]

A couple of questions: Why do we record the column index and column iid? Is there a way to write pressed_on_enter without those recorded variables? I still don't understand how they work and why they should be under the entry_edit

[@videosyarego]

this video is so useful teacher, so I have a question, how to save those entries to update database by selected the rows?

[@Ant-up3iy]

Jobin. I'm using a pandas dataframe as the source for my editable treeview. I'd like the pass any values changed in the treeview back to the dataframe. I think I need to somehow pass the dataframe (created outside the class) into the class so that it knows about it and can edit it as part of the class's 'on_enter_pressed' function, but not sure how to do it. Hoping you can help.

[@krystian6364]

I noticed that using "self.identify_row(event.y)" will basically do the same thing as "selected_iid = self.focus()" - both return row names like "I004", do you think using focus is better or not in this case? Why did you use focus?

[@agentbanana1418]

Great tutorial, but when I press enter or focus out of the entry widget, the contents of the cell disappear. Why is that?

[@bentsionben-david2769]

How to calculate automatic math method like accountability between different columns and rows?

[@sungjecho552]

Very helpful !!! One question: Can you advise how to handle if a cell requires multi-lines, such as comments data ?

[@jobinpy]

Hello, Instead of using the Entry widget (which is limited to 1 line), you can use a different widget which supports multiple lines, such as tk.Text with a scrollbar. The text widget and scrollbar could be put into a Frame. Then set the height of the text widget to something that allows the user to type multiple lines. Then place the Frame on a treeview cell when the user wants to type something.

[@nobertndiforazeh2191]

Thanks very much for this tutorial Sir. It really helped me and works so well when I code same as you did. Please I have a little challenge Sir. When I create a treeview in a secondary dataframe the edit widget appears in another position from the actual cell I intend to edit, but when the new value is parsed and ‘Enter’ clicked the editing is done and the information gets in the right cell. This is also same when I change the position of the treeview in root Frame from .place(x=0, y=0) to another cordinate say .place(x=300, y=250). Please what can be done to correct this so that each time when I double-click the edit widget should appear just inside the cell I intend to edit as with the example you coded even in different sub-data frames having treeview. Thanks for your kind attention Sir.

[@jobinpy]

Hello. Thanks for your comment. It appears to do the same thing for me when the treeview widget does not cover the whole window (for example, if it's only taking up a small portion of the window). I will look into this, thanks.

[@alkareetesh8193]

How to generate grid lines in treeview sir... Please reply

[@PANDURANG99]

Getting problem while number starts from zero example 00001 , it takes as 1 in tkinter treeview

[@1976arya]

Hello dear , I want to know how to change a single cell color (bg or fg) in treeview

[@4notheruser450]

Can you make a video that contains searching elements without search bar and button. If user pressed any string key function will filter elements from rows and shows first matches as highligted on the middle of gui. For instances user typed "Nis" then function shows Nissan on the middle of gui as "Nis" is highlighted. Thanks for videos

[@jobinpy]

I'll add that idea to my list of possible tutorial topics for future videos. Thanks!

[@user-hl3xc3fe6d]

Buenos días, Alguien de casualidad tiene el código que el implemento u otro que este funcionando, tengo un error y no logro solucionarlo, y lo necesito para un proyecto de la universidad, gracias de ante mano

[@MMMEHTA99]

great sir,plz make a video of from date to end date search data filter row in python treeview with sqlite database, i try it but not made

[@Ant-up3iy]

Great video Jobin. What line(s) would I need to be changed when not wanting to use the "tree" column - i.e. not storing data in that column and using the following to hide it: treeview_vehicles['show'] = 'headings'

[@jobinpy]

Hi @Ant, thanks for watching. The tree column uses the 'text' option to show text in cells for that column, so anything in the video example that uses the 'text' option may not be needed in your case (for example: treeview.insert(....text="tree column text"). When the tree column is hidden, only the 'values' option in the treeview is used for displaying text (example: treeview.insert(....values=("test", "value").

[@Ant-up3iy]

@@jobinpy Thanks Jobin. I'm populating my "editable" TreeView rows from a pandas dataframe. Would be great if you could do a video on how to expand the class to update a source pandas dataframe when you enter new values in the Treeview cell.

[@frflo2476]

t'a sauvé ma NSI, ehmercé la zone

[@qddchu976]

this is helpful. have a question, when the entry widget is pop up, then move the scrollbar, how to move the entry widget accordingly so that the treeview table looks intact? Thank you very much

[@qddchu976]

or how to just simply disable the scrolling action while a cell is double clicked for editing, then resume the scrolling capability afterwards?

[@jobinpy]

One way to deal with this situation is to hide the entry widget when the treeview widget is being scrolled or when the mouse wheel is used. In Linux, which is what I use, is used for wheel up (on the mouse) and is used for wheel down.

[@qddchu976]

Thank you so much@@jobinpy

[@nitishsharma3038]

please share code also, thanks for this tutorial

[@a1976husky]

That is a great tutorial! Are you offering the code for download?

[@jobinpy]

Thanks for watching! I don't have the code available online except in this video.

[@sadioba6104]

the program does not manage to work on my python console I have a python version 3.10 the latest version but when I run the program it tells me that ImportError: cannot import name 'InteractiveConsole' from 'code' and when I import InteractiveConsole it still doesn't work could you help me

[@vp1o2]

This is very informative. I wonder there is a Python widget like this to read/write property trees similar to the Eclipse property edit panel.

[@TheDev3180]

Please make full python course, Please

[@bentsionben-david2769]

wow how to iterate (by for/while loop) between different cells in treeview a math method for example (maybe by numply/pandas): last rest = 10 (in column2 row1) new payment = 2 (in colum1 row 2) new rest = 8 (last rest - current payment) (in column2 row2) please consider to make video for this i think hondreads or thousands people will watch it

[@jobinpy]

Hi, thanks for your comment. I think there are multiple ways to do this. The tutorial video shows the basics of getting and setting values in a treeview cell; you could perhaps use the ideas in the video and create a method in a custom treeview class to iterate rows/cells and calculate values.

[@user-rr2vs8zl4u]

Thank You~~As Always~~!!

[@funnyclips2696]

Wow! This if __name__== __main__ Of what relevant is that line pls?

[@jobinpy]

if __name__ == "__main__" can be interpreted as "if this python script is the main startup script for the application and not being imported by another python script."

[@funnyclips2696]

@@jobinpy But must it be included for the codes to run? Can the same objective be achieved without including that line.... It's really confusing for me!

[@blackshark4609]

please upload code to github Sir.

[@mezdissa8388]

Hello sir Btn.place(x=100,y=150) pycharm does not execute this code