vxe-grid控制checkbox显示不显示
时间: 2023-07-30 10:10:14 浏览: 252
要控制vxe-grid中的checkbox是否显示,可以使用column配置项中的`checkboxConfig`属性。将`checkboxConfig`设置为`null`或空对象`{}`,即可隐藏checkbox。例如:
```js
columns: [
{
title: '...',
...
checkboxConfig: {} // 隐藏checkbox
},
...
]
```
如果要显示checkbox,则可以不设置`checkboxConfig`,或者将`checkboxConfig`设置为非空对象,例如:
```js
columns: [
{
title: '...',
...
// 不设置 checkboxConfig 或设置为非空对象
},
...
]
```
需要注意的是,使用`checkboxConfig`配置项时,需要确保`type`值为`'checkbox'`,例如:
```js
columns: [
{
title: '...',
...
type: 'checkbox', // 必须设置 type 为 'checkbox'
checkboxConfig: {} // 隐藏checkbox
},
...
]
```
同时,还需要将`selection-config`配置项中的`show-header`属性设置为`false`,以防止在表头显示全选checkbox。例如:
```html
<vxe-grid
...
:selection-config="{ showHeader: false }"
>
...
</vxe-grid>
```
这样就可以控制vxe-grid中的checkbox是否显示了。
阅读全文