layui table 选择框置灰
时间: 2024-07-05 19:00:43 浏览: 128
layui table复选框禁止某几条勾选的实例
LayUI Table 是一个轻量级的前端表格组件,提供了丰富的功能,包括选择框(checkbox)。如果你想让选择框置灰,即禁用用户的勾选操作,你可以使用 LayUI 表格提供的 `data-options` 属性来设置列的属性。
在 HTML 代码中,添加数据项时,可以为选择框列设置 `disabled` 为 `true`,示例如下:
```html
<tr>
<td lay-data="{field: 'id', title: 'ID'}">
<input type="checkbox" lay-value="{{item.id}}" lay-disabled="true">
</td>
<!-- 其他列内容 -->
</tr>
```
在这个例子中,`lay-disabled="true"` 就会将选择框设为不可选状态。
阅读全文