layui Table 复选框禁止选中设置
时间: 2024-09-26 10:17:47 浏览: 74
layui表格中的复选框默认是可以被用户选择的,如果你想禁止用户对某一列或多列的复选框进行选中操作,你可以通过HTML属性和layui的配置来实现。以下是一个简单的例子:
```html
<table lay-filter="yourTableFilter" lay-data="yourData" lay-cell="{field:'select',checkbox:true,readonly:true}">
<thead>
<tr>
<!-- 其他表头 -->
<th>是否禁选</th>
</tr>
</thead>
<tbody>
<!-- 数据行,每一项都有一个名为'select'的字段 -->
</tbody>
</table>
<script>
// 表格配置
layui.use('laytable', function(){
var table = layui.laytable;
// 初始化并阻止表单提交,这里可以修改为只允许管理员操作等
table.init('yourTable').setOption({
elem: 'yourTable',
checkbox: {
disabled: true // 禁止所有复选框的选择
},
cellSelect: false // 阻止单元格内的内容被选中
});
});
</script>
```
在这个例子中,`readonly:true` 设置了复选框不可编辑,`checkbox: {disabled: true}` 则直接禁止了复选框的选中功能。`cellSelect: false` 可以防止点击表格单元格的内容时意外触发选中。
阅读全文