7.8 KiB
7.8 KiB
::: anchor :::
::: title 基本介绍 :::
::: describe 展示行列数据。 :::
::: title 基础使用 :::
::: demo 使用 lay-table 标签, 创建表格
:::
::: title 不同尺寸 :::
::: demo
{{data.username}} {{data.password}} 修改 删除:::
::: title 开启分页 :::
::: demo
{{data.username}} {{data.password}} 修改 删除:::
::: title 开启排序 :::
::: demo
:::
::: title 完整表格 :::
::: demo
新增 删除 {{data.username}} {{data.password}} 修改 删除:::
::: title Table 属性 :::
::: table
| 属性 | 描述 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| columns | 列配置 - 更多 | -- | -- | -- |
| dataSource | 数据源 | -- | -- | -- |
| checkbox | 开启复选框 | -- | -- | -- |
| id | 主键 | -- | -- | -- |
| v-model:selectedKeys | 选中项 | -- | -- | -- |
| default-toolbar | 工具栏 | -- | -- | -- |
| size | 尺寸 | -- | -- | lg md sm |
:::
::: title Table 事件 :::
::: table
| 属性 | 描述 | 参数 |
|---|---|---|
| row | 行单击 | data : 当前行 |
| row-double | 行双击 | data : 当前行 |
:::
::: title Table 插槽 :::
::: table
| 插槽 | 描述 | 参数 |
|---|---|---|
| toolbar | 自定义工具栏 | -- |
:::
::: title Table 数据 :::
::: table
| 插槽 | 描述 | 默认 |
|---|---|---|
| title | 列标题 | -- |
| key | 数据字段 | -- |
| customSlot | 自定义插槽 | -- |
| width | 宽度 | -- |
| sort | 排序 | -- |
:::
::: comment :::
::: previousNext table :::