如何使用Tkinter模仿这个表？

Question

如何开始使用Tkinter创建类似的表？

Answer 1

使用Ttk / Tkinter Treeview小部件。这提供了带有标题布局的树型布局或 listview 样式列。

由于Treeview小部件来自Tk的主题图标集，因此它在Windows上看起来很合适 - 选择当前的边框和列标题样式，以使外观与当前发布的示例相匹配。

示例（将在Python 2和3中都有效）：

try:
    from Tkinter import *
    from ttk import *
except ImportError:  # Python 3
    from tkinter import *
    from tkinter.ttk import *


class App(Frame):

    def __init__(self, parent):
        Frame.__init__(self, parent)
        self.CreateUI()
        self.LoadTable()
        self.grid(sticky = (N,S,W,E))
        parent.grid_rowconfigure(0, weight = 1)
        parent.grid_columnconfigure(0, weight = 1)

    def CreateUI(self):
        tv = Treeview(self)
        tv['columns'] = ('starttime', 'endtime', 'status')
        tv.heading("#0", text='Sources', anchor='w')
        tv.column("#0", anchor="w")
        tv.heading('starttime', text='Start Time')
        tv.column('starttime', anchor='center', width=100)
        tv.heading('endtime', text='End Time')
        tv.column('endtime', anchor='center', width=100)
        tv.heading('status', text='Status')
        tv.column('status', anchor='center', width=100)
        tv.grid(sticky = (N,S,W,E))
        self.treeview = tv
        self.grid_rowconfigure(0, weight = 1)
        self.grid_columnconfigure(0, weight = 1)

    def LoadTable(self):
        self.treeview.insert('', 'end', text="First", values=('10:00',
                             '10:10', 'Ok'))

def main():
    root = Tk()
    App(root)
    root.mainloop()

if __name__ == '__main__':
    main()

这应该会在Windows上产生类似的结果：

Answer 2

你必须创建一个ext条目数组，然后在父框架中使用“grid”布局管理器进行布局。

开发Python类以允许将网格和单元格内容作为单个表进行管理， 实现像__getindex__这样的东西来获取单元格内容，甚至一些反应性编程，允许某些cols随着其他地方的值改变而改变，这将是这个项目中有趣的部分。

要创建网格，只需要：

import tkinter
window = tkinter.Tk()
frame = Tkinter.Frame(window)
frame.pack()

entries = {} # this 'entries'is what you might want to specify a custom class to manage
             # for now,a dictionary will do

for j in range(10):
    for i in range(10):
        e = tkinter.Entry(f)
        e.grid(column=i,row=j, borderwidth=0)
        es[i,j] = e

你就是。