layui table工具栏点击时间_layui中的table中toolbar自定义过程

1. 强大的弹窗表格搜索插件

2.treeTable组件

3.下拉列表、下拉树组件

4.layui图片管理组件

自己挖过的坑需要自己来填。

layui的table默认表头工具栏右边有3个操作，分别是过滤字段、导出excel、打印功能。

在js中代码添加toolbar即可实现上面的效果：

table.render({

elem:'#demo',height:420,url:'/demo/table/user/' //数据接口

,title: '用户表',page:true //开启分页

,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档

,totalRow: true //开启合计行

,cols: [[ //这里省略 ]]

});

如果在分页的情况下，这里默认导出的是当前页筛选后的结果。我们其实需要从后台返回数据提供给这个组件。

经过一番查找后，终于发现修改的思路，这里需要更新到官方2.5.5版本的layui。

然后在官方的文档里面看到如下的内容：

注意这部分内容在文档的中间部分，但是右边的目录上是没有的，之前把右边的目录点了遍也没发现。

整段的内容全部放在一个页面上，右边的锚点也不全，这种文档读起来真费事。

下面说下怎么改：

原来在table里面