NiceGui：如何移除表格表头（<th>元素）？

方法1：通过组件props直接隐藏 #

NiceGui的表格基于Quasar的QTable组件，直接传递hide-header属性就能隐藏表头，修改代码如下：

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参数隐藏表头
ui.table(columns=columns, rows=rows, row_key='name', props={'hide-header': True})

ui.run()

方法2：通过自定义CSS隐藏 #

如果第一种方法不生效，还可以用CSS选择器定位表头元素并隐藏：

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'},
]
ui.table(columns=columns, rows=rows, row_key='name')

# 添加CSS规则隐藏表头
ui.add_css('thead { display: none; }')

ui.run()

内容的提问来源于stack exchange，提问作者xvan