layui table 存储表头
时间: 2023-06-29 18:05:40 浏览: 94
在layui table中,表头是通过设置一个数组来定义的,数组中的每个元素代表一个表头列。可以通过以下代码来设置表头:
```
var tableHeader = [
{field: 'id', title: 'ID', width: 80},
{field: 'username', title: '用户名', width: 120},
{field: 'email', title: '邮箱', minWidth: 150},
{field: 'sex', title: '性别', width: 80, templet: '#sexTpl'},
{field: 'city', title: '城市', minWidth: 100},
{field: 'sign', title: '签名', minWidth: 200},
{field: 'experience', title: '积分', width: 80, sort: true},
{field: 'score', title: '评分', width: 80, sort: true},
{field: 'classify', title: '职业', minWidth: 100, templet: '#classifyTpl'},
{field: 'wealth', title: '财富', width: 135, sort: true},
{fixed: 'right', title: '操作', width: 150, align: 'center', toolbar: '#tableBar'}
];
//渲染表格
table.render({
elem: '#test',
url: '/demo/table/user/',
cols: [tableHeader],
page: true
});
```
上面的代码中,`tableHeader`数组定义了表格的每个列,其中每个元素都是一个对象,分别包括`field`、`title`、`width`、`sort`等属性,这些属性可以根据实际需求进行设置。最后,将`tableHeader`数组作为参数传入`cols`选项中即可。
阅读全文