Naive UI 数据表格如何默认选中某几行
时间: 2024-03-26 21:40:29 浏览: 83
ant design vue 表格table 默认勾选几项的操作
Naive UI 数据表格可以通过设置 `defaultSelection` 属性来默认选中某几行。该属性可以接受一个数组,数组中的元素是需要默认选中的行的索引。例如,如果要默认选中第一行和第三行,可以这样写:
```
<n-data-table :data="tableData" :defaultSelection="[0, 2]">
...
</n-data-table>
```
这样,在表格渲染完成后,第一行和第三行就会被默认选中。如果需要在代码中动态改变选中的行,可以通过设置 `selection` 属性来实现。该属性接受一个数组,数组中的元素是当前选中的行的索引。例如,如果需要将第二行和第四行设置为选中状态,可以这样写:
```
<n-data-table :data="tableData" :selection="[1, 3]">
...
</n-data-table>
```
这样,在表格渲染完成后,第二行和第四行就会被选中。
阅读全文