怎么获取需要标题的数据用layui中的table.render()
时间: 2024-05-28 16:09:49 浏览: 145
要实现在 layui 的表格中添加标题,需要在 table.render() 方法中设置一个 lay-filter 属性,然后在表格的头部(thead)中添加一个对应的 class。示例代码如下:
table.render({
elem: '#demo', // 对应页面中的一个table元素的id
url: 'xxxx', // 数据接口
limit: 10,
limits: [10, 20, 30],
toolbar: '#toolbarDemo', // 表格上方工具栏的选择器
cols: [[
{field: 'id', title: 'ID'},
{field: 'username', title: '用户名'},
{field: 'email', title: '邮箱'},
{field: 'sign', title: '签名'},
{field: 'sex', title: '性别'},
{field: 'city', title: '城市'},
{field: 'experience', title: '积分'},
{field: 'score', title: '评分'},
{field: 'classify', title: '职业'},
{field: 'wealth', title: '财富'},
{fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150}
]],
page: true,
// 设置 lay-filter 属性
id: 'testReload',
height: 500,
// 表头添加 class
initSort: {
field: 'id', // 默认排序字段,可以设置为任意可排序的字段
type: 'desc', // 默认排序方式
}
});
注意,需要在表格的头部(thead)中添加对应的 class,这里统一为 'layui-table-header'。具体示例可以查看 layui 官网的文档。
阅读全文