layui table的toolbar中 动态写入表格数据条数
时间: 2024-04-10 15:34:45 浏览: 159
layui表格动态添加|layui表格可编辑
5星 · 资源好评率100%
你可以在 layui table 的 toolbar 中动态显示表格的数据条数,可以通过以下步骤实现:
1. 在 layui table 的初始化代码中,定义一个变量来保存表格的实例,例如:
```
var table = layui.table;
```
2. 在 toolbar 的配置项中,使用自定义的 HTML 代码来定义一个容器元素,用于显示数据条数。例如:
```
toolbar: '<div id="dataCount"></div>'
```
3. 在 layui table 的渲染完成后,使用 `renderComplete` 事件来更新数据条数。例如:
```
table.render({
// 表格的配置项...
done: function() {
var count = table.cache["表格的id"].length;
$("#dataCount").text("共 " + count + " 条数据");
}
});
```
注意替换上述代码中的 "表格的id" 为你实际使用的表格的 id。
通过以上步骤,你就可以在 layui table 的 toolbar 中动态显示表格的数据条数了。每次表格数据发生变化时,数据条数也会相应更新。
阅读全文