Vue 3 表格 Lite属性
title
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| title | 字符串 | "" | 表格标题 |
is-slot-mode
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| is-slot-mode | 布尔值 | false | 如果您想使用 v-slot（V-slot 模式），请设置为 TRUE。 |
is-static-mode
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| is-static-mode | 布尔值 | false | 如果您不需要使用 ajax 或 axios 来获取任何数据，请设置为 TRUE。 |
has-checkbox
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| has-checkbox | 布尔值 | false | 在行上显示复选框 |
checked-return-type
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| checked-return-type | 字符串 | "key" | 返回已选行数据的类型 |
is-loading
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| is-loading | 布尔值 | false | 显示加载遮罩（在 is-static-mode 上不需要） |
is-re-search
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| is-re-search | 布尔值 | false | 如果重新加载数据，请设置为 true（在 is-static-mode 上不需要） |
is-fixed-first-column
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| is-fixed-first-column | 布尔值 | false | 在滚动时固定第一列 |
max-height
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| max-height | 字符串 | "auto" | 表格的最大高度 |
columns 必填
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| columns | 数组 | null | 表格的列 |
更多选项
与列相关的一些其他选项。
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| isKey | 布尔值 | false | 如果字段是主键，请设置为 true |
| label | 字符串 | null | 用于显示的字段标签（支持 HTML） |
| field | 字符串 | null | 行字段键名 |
| width | 字符串 | null | 字段的宽度大小 |
| sortable | 布尔值 | false | 如果字段可排序，请设置为 true |
| display | 函数 | null | 您可以自定义在此处显示的数据（HTML 标签或其他） |
| headerClasses | 数组 | null | 数据标题的类数组 |
| columnClasses | 数组 | null | 数据列的类数组 |
| headerStyles | 对象 | null | 数据标题的内联样式对象 |
| columnStyles | 对象 | null | 数据列的内联样式对象 |
rows 必填
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| rows | 数组 | null | 记录 |
rowClasses
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| rowClasses | 数组/函数 | null | <tr/> 标签的类数组 |
total 必填
| 名称 | 类型 | 默认选项 | 描述 |
|---|---|---|---|
| total | 数字 | null | 记录数 |
sortable 必填
| 名称 | 描述 | 必填 | 类型 |
|---|---|---|---|
| order | 排序字段和排序方式 | 是 | 字符串 |
更多选项
与排序相关的一些其他选项。
| 名称 | 描述 | 必填 | 类型 |
|---|---|---|---|
| order | 排序字段和排序方式 | 是 | 字符串 |
| sort | 数据库的可排序值 | 是 | 字符串 |
messages
| 名称 | 描述 | 必填 | 类型 |
|---|---|---|---|
| messages | 本地化消息 | 否 | 对象 |
更多选项
与消息相关的一些其他选项。
| 名称 | 描述 | 必填 | 类型 | 默认选项 |
|---|---|---|---|---|
| pagingInfo | 本地化消息 | 否 | 字符串 | "显示 {0}-{1} 共 {2}" |
| pageSizeChangeLabel | 本地化消息 | 否 | 字符串 | "每页行数：" |
| gotoPageLabel | 本地化消息 | 否 | 字符串 | "转到页：" |
| noDataAvailable | 本地化消息 | 否 | 字符串 | "无数据" |
is-hide-paging
| 名称 | 描述 | 必填 | 类型 | 默认选项 |
|---|---|---|---|---|
| is-hide-paging | 不在底部显示分页信息 | 否 | 布尔值 | false |
page
| 名称 | 描述 | 必填 | 类型 | 默认选项 |
|---|---|---|---|---|
| page | 如果您想自己控制页数，请使用此选项更改页数。 | 否 | 数字 | 1 |
page-size
| 名称 | 描述 | 必填 | 类型 | 默认选项 |
|---|---|---|---|---|
| page-size | 默认情况下显示一页上的项目数。在大多数情况下不需要设置。 | 否 | 数字 | 10 |
pageOptions
| 名称 | 描述 | 必填 | 类型 | 默认选项 |
|---|---|---|---|---|
| pageOptions | 页面下拉菜单的选项列表 | 否 | 数组 | [ { value: 10, text: 10 }, { value: 25, text: 25 }, { value: 50, text: 50 } ] |
更多选项
与 pageOptions 相关的一些其他选项。
| 字段 | 必填 | 类型 |
|---|---|---|
| value | 是 | 数字 |
| text | 是 | 数字 | 字符串 |
grouping-key
| 名称 | 描述 | 必填 | 类型 | 默认选项 |
|---|---|---|---|---|
| grouping-key | 如果您想使用分组表格，请设置分组字段的名称。 | 否 | 字符串 | null |
has-group-toggle
| 名称 | 描述 | 必填 | 类型 | 默认选项 |
|---|---|---|---|---|
| has-group-toggle | 如果您使用分组表格，显示分组切换按钮。 | 否 | 布尔值 | false |
grouping-display
| 名称 | 描述 | 必填 | 类型 | 默认选项 |
|---|---|---|---|---|
| grouping-display | 如果您使用分组表格，自定义分组标题显示方式。 | 否 | 函数 | null |
start-collapsed
| 名称 | 描述 | 必填 | 类型 | 默认选项 |
|---|---|---|---|---|
| start-collapsed | 初始后，分组行将被折叠。 | 否 | 布尔值 | false |
is-keep-collapsed
| 名称 | 描述 | 必填 | 类型 | 默认选项 |
|---|---|---|---|---|
| is-keep-collapsed | 刷新后保持折叠状态。 | 否 | 布尔值 | false |