Color and Style Our Treeview - Python Tkinter GUI Tutorial

In this video we'll change the color and style of our Tkinter Treeview widget!
Changing the style and color of a Treeview is pretty simple, but not as simple as you might expect. We actually need to use a couple of different things to do it; namely a ttk Style and a ttk Theme.
We haven't talked about ttk.Style() widgets much in the past, and we haven't looked at themes at all. But they're both pretty simple :-)

[@Codemycom]

▶️ Watch Entire Tkinter Playlist ✅ Subscribe To My KZbin Channel: bit.ly/2UFLKgj bit.ly/2IGzvOR ▶️ See More At: ✅ Join My Facebook Group: Codemy.com bit.ly/2GFmOBz ▶️ Learn to Code at Codemy.com ✅ Buy a Codemy T-Shirt! Take $30 off with coupon code: youtube1 bit.ly/2VC9WUN ▶️ Get The Code bit.ly/3fLFQ8p

[@rubycon9158]

Love the positive vibe you've been emitted in this tkinter series John! Now i haven't watched all of them yet, but i will :D

[@Codemycom]

Thanks! Glad you're enjoying them!

[@ghostblackmormor8120]

Thanks for your videos man, when I'm in doubt I always end in one of your videos, I like them, they are short and well explained!

[@Codemycom]

Glad you like em!

[@user-fk4xm2fd6y]

I love you and I love your way of explaining am a big fan of you john Clean and understandable explaining

[@Codemycom]

Thanks! Glad you're enjoying the videos!

[@py_tok5589]

I didnt know how to use STYLE, THEME, ROW HEIGHT,FIELDBACKGROUND, thank you so much John

[@Codemycom]

Happy to help!

[@NotBeHaris]

another great tutorial. Thanks

[@Codemycom]

You're welcome

[@eveofinconsistency]

Thaaank you so much for this and all other vids you produce it really helped me on my college thank you so much

[@Codemycom]

Happy to hear it!

[@perfil_anonimo_83_br]

A nice work, thank you so much.

[@Codemycom]

Welcome!

[@suzum0978]

Great vid !

[@Codemycom]

Thanks!

[@_ARIC_KAJI]

Thank you so much for make this video.

[@Codemycom]

Happy to do it!

[@user-ur1gv4lc5e]

Thanks so much for your efforts

[@Codemycom]

Welcome

[@milin_234]

You are just awesome..

[@Codemycom]

Thank you so much 😀

[@goldendovah7613]

Foreground option defaults to black for me. Since you didn't change it in your video I wonder if you'd have the same problem.

[@RyanDanielG]

Smash that like button guys n gals! its free! great python tkinter tutorial, Codemy. Thanks

[@urvashi2004]

Is it possible to add gridlines in Treeview?

[@joeyblaq9952]

🔥🔥

[@honzajasansky861]

Hi, Is there a way to change background color of just one cell inside of a row? I can´t find a solution anywhere.

[@hassanfadde5249]

how to change background of a specific cellule ? , thank you very much

[@user-sf4uw5wp6e]

I have a small problem about that, the style for treeview effects the background of comboboxs of tkinter and have the same color of the color of treeview headings , i think because of ttk , can i solve that ? , thank you

[@consultmohamedgamal5643]

Very Good

[@Codemycom]

Thanks

[@karimboudra7272]

Great thank you a lot

[@Codemycom]

You are welcome!

[@sohammandal3511]

how to set the height of heading row seperately??? plz help

[@ramehharmouch6561]

Hello dear, when run the program, and have a button linked to open another window for data entry related for the first window. Example: in the first window there is a data about a user, there is a button for update info in another window, so how to force the user in the second window, and don't return to first one if he click on the first one?

[@kadiawilliamson8187]

Any chance you can post more about ttk style and themes stuff very soon?

[@briangreenberg153]

Color and style as described work beautifully (Mac OS) when the Treeview is put in the root as in your video. However, when I put the identical Treeview code in the a frame, it is displayed with bland default appearance. Wonder if you have seen this before and if there is a way with small change to make it work just as well in a frame. Thanks!

[@Codemycom]

I can't think of a reason why it would act like that, so I'm guessing you just have a typo somewhere

[@31925604]

Same happened to me. The same code that works in an app doesn't works in another.

[@elt_junior]

Try to set a parent for your style element. That worked for me.

[@comrade_manof]

please explain how to make one row of tree as "disabled"? When I can't chage this row. Actually i make a Checkbox treeview from ttkwidgets and want to make some rows as disabled to prevent set "check" status to checkbox.

[@lanelauhoff]

A theme video would be much appreciated!

[@Codemycom]

Coming soon :-)

[@kunaloswal5687]

does style ttk widget gets applied to only other ttk widgets?

[@mohammadsorour1]

how apply the same sytle to another treeview in the same .py file

[@andrewzweden2763]

I had a question for you a scrollbbarr does that automatically in python then

[@dogeee8071]

would it be possible to wrap the text in one entry? Like have multiple lines for one entry because if the text is too long it just doesnt show

[@Codemycom]

entry widgets don't wrap. You'll have to use something else.

[@gajugadekar5905]

Hello sir I want to set limit for entry block can How I can set it

[@ertugruldugencioglu5899]

how to change columns font and columns font size (not heading)

[@yaslopes]

How i add the treeview on an canvas? I have a bg image, and i need the tree over the image

[@Codemycom]

In the same way you add anything to a canvas

[@jean-luccheffert]

How to add a column border with a specific color and thickness

[@folody9959]

a good video :))

[@Codemycom]

Thanks!

[@folody9959]

How to make animation button in tkinter ??

[@Codemycom]

@@folody9959 I have a video on that in the playlist

[@folody9959]

@@Codemycom Where's that video

[@Codemycom]

@@folody9959 The link to the playlist is pinned at the top of the comments section bit.ly/2UFLKgj

[@py_tok5589]

I just I had one question, I did try to change the colour from grey to a yellow, basically highlight the header(very first row:name, ID, Favourite Pizza) but I couldn't it, may be you can explain that in a future video, Thank you very much

[@Codemycom]

Didn't I show how to do that in this video?

[@BusFingals]

@@Codemycom No, you only worked with rows. Headings were changed only with theme. You did not show how to change heading to any color of preference. I also struggle with this problem. Other tutorials show that part explicitly, but unfortunately it does not work on my win10 machine. I guess there are some changes in lib that prevent us from changing header colors.

[@Codemycom]

@@BusFingals no there were no changes to the lib

[@BusFingals]

@@Codemycom I found where my bug was. In the line below I had word "heading" instead of "Heading" (with capital H). myStyle.configure("Treeview.Heading", background="blue") No errors were thrown in my original code. It made me think that there are no syntax errors. I spent two days to find a solution. Thankfully I finally run a code snippet generated by Bard (Google's AI). To my great surprise it worked. Few clicks later I found the issue. Now I know why some programmers are filled with rage. :D

[@labputer7500]

It possible with a Combobox ? PRINCIPALY THE BACKGROUND COLOR

[@Codemycom]

huh?

[@lucasbenevides86]

If I have more tables, how do I style each one? Hugs from Brazil

[@Codemycom]

In the same way

[@b24rudrapatel99]

Whenever he makes mistake he said it's a Sunday morning 😂

[@sailendrachettri8521]

haha

[@chiennguyeninh8026]

Can I style border of row ? , thks

[@Codemycom]

No idea, sorry

[@NotBeHaris]

and i am still for django tutorials

[@Acem8887]

Can you please make a discord server so we can ask questions and help each other out? i think that would be epic.

[@Codemycom]

Not my thing...you can ask questions here :-p

[@_ARIC_KAJI]

You are the best thanks for reply , somebody I send my msg no one can reply thanks for reply. thanks

[@Codemycom]

Sure thing :-)

[@peterviglietta4207]

All I want in life is to make my column headings bold

[@Codemycom]

Fortune favors the bold 😂

[@omgwtfocb]

You can map the Treeview.Heading to use some bold font, for example 'Arial Black'