Format Text in tkinter.ttk.Treeview column

Question

I would like to know how to justify the text in a ttk.Treeview column. Below is an example of what I mean. Notice the dates and how the digits are not properly under each other. I think it has something to do with the spacing, but I could be wrong.

EDIT: It's written in Python 3.

#! coding=utf-8
import pickle
import matplotlib.pyplot as plt
import tkinter as tk
from tkinter import ttk

# Create Example
root = tk.Tk()
root.minsize(200,300)
tree = ttk.Treeview(root,columns=("date"))
tree.heading("#0"  , text='Sample', anchor=tk.W)
tree.column("#0", stretch=0)
tree.heading("date", text='Date', anchor=tk.E)
tree.column("date", stretch=0)

ABC   = ["A","B","C","D","E"]
dates = ["3.4.2013", "14.10.400", "24.12.1234", "1.10.1", "14.7.123"]
tree.insert("",iid="1", index="end",text="No Format")
for i in range(len(ABC)):
dates2 = dates[i].split(".")
    date   = "{:<2}.{:<2}.{:<4}".format(dates2[0],dates2[1],dates2[2])
    tree.insert("1",iid="1"+str(i), index="end",text=ABC[i], value=[dates[i]])
tree.see("14")
tree.insert("",iid="2", index="end",text="With Format")
for i in range(len(ABC)):
    dates2 = dates[i].split(".")
    date   = "{:>2}.{:>2}.{:>4}".format(dates2[0],dates2[1],dates2[2])
    tree.insert("2",iid="2"+str(i), index="end",text=ABC[i], value=[date])
tree.see("24")

tree.pack(expand=True,fill=tk.BOTH)

root.mainloop()

falsetru · Accepted Answer · 2013-10-10 10:18:06Z

4

Use monospace font using tkinter.ttk.Treeview.tag_configure:

...
for i in range(len(ABC)):
    dates2 = dates[i].split(".")
    date   = "{:>2}.{:>2}.{:>4}".format(dates2[0],dates2[1],dates2[2])
    tree.insert("2",iid="2"+str(i), index="end",text=ABC[i], value=[date],
                tag='monospace') # <----
tree.tag_configure('monospace', font='courier') # <----
...

See Tag Options.

edited Oct 10, 2013 at 10:18

answered Oct 10, 2013 at 10:12

falsetru

371k69 gold badges769 silver badges659 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

throwaway17434 Over a year ago

Hm that does work, but now different rows have different font sizes, unless I format all this way. Is there an option to adjust the fontsize and/or specify fontsizes for each column? I haven't seen anything like this in the tag options.

falsetru Over a year ago

@throwaway17434, You don't need to call tree.tag_configure only multiple time. Call it once. (Even though tag='monospace' is required for every tree.insert)

lemi57ssss · Accepted Answer · 2024-05-15 10:50:18Z

1

You can justify the text in the date column in the same way as you have justified the text in the date heading by using the anchor option.

tree.heading("date", text='Date', anchor=tk.E)
tree.column("date", stretch=0, anchor=tk.E)

More detailed information on anchor and other options for the heading and column methods can be found in TkDocs Treeview

edited May 15, 2024 at 10:50

answered Oct 23, 2014 at 23:14

lemi57ssss

1,3805 gold badges20 silver badges39 bronze badges

Collectives™ on Stack Overflow

Format Text in tkinter.ttk.Treeview column

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related