layui/example/docs/zh-CN/components/table.md
2022-03-17 09:48:27 +08:00

7.0 KiB

::: anchor :::

::: title 基本介绍 :::

::: describe 展示行列数据。 :::

::: title 基础使用 :::

::: demo 使用 lay-table 标签, 创建表格

{{data.username}} {{data.password}} 修改 删除

:::

::: title 不同尺寸 :::

::: demo

{{data.username}} {{data.password}} 修改 删除

:::

::: title 开启分页 :::

::: demo

{{data.username}} {{data.password}} 修改 删除

:::

::: 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 宽度 --

:::

::: comment :::

::: previousNext table :::