Table 表格

用于展示大量结构化数据

这个表格只是一个简单的数据展示功能，只包含有固定表头和列、排序功能。如果当前组件不能满足需求需要使用更多功能的时候，可以考虑使用 TanstackTable

引用

import { regist, Table } from "litos-ui";

regist(Table);

演示

基础用法

先通过 setColumns() 定义列, 再通过 setData() 定义数据源；如果需要最后一列操作列，则可以通过给元素定义 data-action 属性，然后监听 table 的 action 事件。

斑马纹

表格默认带斑马纹，可以通过设置 stripe 为 off 来取消斑马纹

API

Table Attibutes

参数	说明	类型	默认值
-	-	-	-

Table Slots

名称	说明
default	内容

Table Events

事件名	说明	回调参数
click	点击按钮时触发	(event: Event)

Table Methods

方法名	说明	类型
-	-	-

Table CSS Variables

变量名	说明	默认值
--l-table-td-padding	单元格内边距	10px
--l-table-th-padding	表头单元格内边距	var(--l-table-td-padding)