layui table.render开启选项
时间: 2023-08-31 18:11:30 浏览: 226
要在 layui 的 table.render 中开启选项,你需要在渲染表格时,给 options 传入一个对象,对象中包含一个名为 "checkbox" 的属性,将其设置为 true 即可开启选择功能。例如:
```javascript
// 渲染表格
table.render({
elem: '#test',
url: '/demo/table/user/',
cols: [[
{type:'checkbox', fixed: 'left'},
{field:'id', title:'ID', width:80, fixed: 'left'},
{field:'username', title:'用户名', width:120},
{field:'email', title:'邮箱', width:150},
{field:'sign', title:'签名'},
{field:'sex', title:'性别', width:80, sort: true},
{field:'city', title:'城市', width:100},
{field:'experience', title:'积分', width:80, sort: true},
{field:'score', title:'评分', width:80, sort: true},
{field:'classify', title:'职业', width:80},
{field:'wealth', title:'财富', width:135, sort: true},
]],
// 开启选择功能
options: {
checkbox: true
}
});
```
这样就可以在表格左侧显示出一个复选框,通过勾选复选框来选择表格中的行了。
阅读全文