
nicegui 默认表格会显示列标题(`
在 NiceGUI 中,ui.table 基于 Quasar Framework 的
要隐藏表头(即不渲染 及其中所有 ⚠️ 注意:table-header-class="hidden" 并非通过 CSS 隐藏(如 display: none),而是由 Quasar 内部逻辑识别后跳过表头渲染,因此更轻量、语义更清晰,且不会影响列宽自动计算或响应式行为。 ✅ 正确示例(完整可运行): ? 补充说明: 总之,props('table-header-class=hidden') 是 NiceGUI 中隐藏表格表头最简洁、兼容性最佳的官方推荐方式。 元素),只需在创建表格时添加:
ui.table(columns=columns, rows=rows, row_key='name').props('table-header-class=hidden')from nicegui import ui
columns = [
{'name': 'name', 'label': 'Name', 'field': 'name', 'required': True, 'align': 'left'},
{'name': 'age', 'label': 'Age', 'field': 'age', 'sortable': True},
]
rows = [
{'name': 'Alice', 'age': 18},
{'name': 'Bob', 'age': 21},
{'name': 'Carol'},
]
# 隐藏表头的关键:使用 props 注入 table-header-class=hidden
ui.table(columns=columns, rows=rows, row_key='name').props('table-header-class=hidden')
ui.run()










