www.javainfo.com.cn 上干货 欢迎收藏

调整效果如下：

 

这样，我们将 左上角的按钮  改为了  普通的文字按钮模式， 这样 可以更友好的描述按钮的功能。

实现方式如下：

1 初始化顶部工具箱的代码

<!-- table左上方 工具栏  -->
<script type="text/html" id="toptoolbar">
      <div class="layui-table-tool-temp">
        <div class="layui-inline" lay-event="add">
           添加公司人员
        </div>
        <div class="layui-inline" lay-event="addStoreEmp">
           添加门店人员
        </div>
        <div class="layui-inline" lay-event="delete">
          <i class="layui-icon layui-icon-delete"></i>
        </div>
      </div>
</script>

2  在列表界面添加 样式调整， 覆盖原有的 样式

      <style type="text/css">
           .layui-table-tool .layui-inline[lay-event]{width: initial; }
       </style>

3 如此 ，效果调整完毕

如有疑问 请留言 欢迎提供建议