Tkinter ttk.Treeview 边框去除教程：打造无缝表格视图

import tkinter as tk
from tkinter import ttk

# 创建主窗口
root = tk.Tk()
root.title("Tkinter Treeview 无边框示例")

# 创建 ttk.Style 实例
style = ttk.Style()

# 定义自定义 Treeview 布局
# 'Edge.Treeview' 是我们自定义的样式名称
# [('Edge.Treeview.treearea', {'sticky': 'nsew'})] 表示该样式只包含一个 'treearea' 元素
# 'sticky': 'nsew' 确保 treearea 填充所有可用空间
style.layout(
    'Edge.Treeview',
    [('Edge.Treeview.treearea', {'sticky': 'nsew'})],
)

# 配置自定义 Treeview 样式属性
# highlightthickness=0: 移除组件被选中或获得焦点时的高亮边框
# bd=0: 移除组件的常规边框
style.configure('Edge.Treeview', highlightthickness=0, bd=0)

# 创建 Treeview 实例并应用自定义样式
tree = ttk.Treeview(root, ..., style='Edge.Treeview')

import tkinter as tk
from tkinter import ttk

class CustomTableApp:
    def __init__(self, root):
        self.root = root
        self.root.title("Treeview 无边框示例")

        # 1. 创建并配置样式
        self.style = ttk.Style()
        # 定义自定义 Treeview 布局，只包含 treearea 元素
        self.style.layout(
            'Edge.Treeview',
            [('Edge.Treeview.treearea', {'sticky': 'nsew'})],
        )
        # 配置自定义 Treeview 样式，去除高亮边框和普通边框
        self.style.configure('Edge.Treeview', highlightthickness=0, bd=0)

        # --- 2. 上层 Treeview (作为两列标题，应用无边框样式) ---
        # show="headings" 仅显示标题行
        # height=0 使其只占据标题行的高度
        # style='Edge.Treeview' 应用我们自定义的无边框样式
        self.tree_heading = ttk.Treeview(self.root, columns=("ColumnA", "ColumnB"),
                                         show="headings", height=0, style='Edge.Treeview')
        self.tree_heading.column("ColumnA", width=200, anchor="center")
        self.tree_heading.column("ColumnB", width=200, anchor="center")
        self.tree_heading.heading("ColumnA", text="Column A")
        self.tree_heading.heading("ColumnB", text="Column B")
        # grid 布局，columnspan=2 使其跨越下层 Treeview 的两列
        self.tree_heading.grid(row=0, column=0, pady=(10, 0), columnspan=2, sticky="ew")

        # --- 3. 下层 Treeview (作为四列数据，使用默认样式，有边框) ---
        self.tree = ttk.Treeview(self.root, columns=("Column1", "Column2", "Column3", "Column4"),
                                 show="headings") # 默认样式，有边框
        self.tree.column("Column1", anchor="center", width=100)
        self.tree.column("Column2", anchor="center", width=100)
        self.tree.column("Column3", anchor="center", width=100)
        self.tree.column("Column4", anchor="center", width=100)
        self.tree.heading("Column1", text="Column 1", anchor="center")
        self.tree.heading("Column2", text="Column 2", anchor="center")
        self.tree.heading("Column3", text="Column 3", anchor="center")
        self.tree.heading("Column4", text="Column 4", anchor="center")
        self.tree.grid(row=1, column=0, columnspan=2, sticky="ew")

        # 4. 插入一些示例数据到下层 Treeview
        self.tree.insert("", "end", values=("Data 1-1", "Data 1-2", "Data 1-3", "Data 1-4"))
        self.tree.insert("", "end", values=("Data 2-1", "Data 2-2", "Data 2-3", "Data 2-4"))
        self.tree.insert("", "end", values=("Data 3-1", "Data 3-2", "Data 3-3", "Data 3-4"))

if __name__ == "__main__":
    root = tk.Tk()
    app = CustomTableApp(root)
    root.mainloop()