首页 > 技术文章 > layui数据表格添加刷新按钮

riyueqian 2019-09-20 19:22 原文

<script type="text/html" id="toolbarDemo">
<div class="layui-table-tool-temp" style="float: left;padding-right: 20px;">
<div class="layui-inline" lay-event="add"><i class="layui-icon layui-icon-add-1"></i></div>
<div class="layui-inline" lay-event="update"><i class="layui-icon layui-icon-edit"></i></div>
<div class="layui-inline" lay-event="delete"><i class="layui-icon layui-icon-delete"></i></div>
<div class="layui-inline" lay-event="refresh"><i class="layui-icon layui-icon-refresh-3"></i></div>
</div>


。。。。

在头部工具框中添加刷新按钮

 

然后在js中加入如下代码

case 'refresh':
$(".layui-laypage-btn").click();
break;

前提是layui版本要比较新,有些低版本不支持头部工具

推荐阅读