layui入门常用开发汇总

表格渲染

页面

<table id="dataTable" class="layui-table" lay-filter="tenderTable"></table>
<!--id 对应 table.render的elem属性 -->
<!--lay-filter 用来在 table.on()指定表格 -->

<!--表头按钮部分 -->
<!--id 对应 table.render的toolbar属性 -->
<script type="text/html" id="toolbarDemo">
        <button class="layui-btn layui-btn-normal" lay-event="add" style="background-color: #1E9fff">新增</button>
</script>
<!--行间操作按钮部分  -->
<script type="text/html" id="barDemo">
    <button class="layui-btn layui-btn-primary layui-btn-xs" lay-event="watch" >查看</button>
</script>
<!--表格首列排序序号部分  -->
<script type="text/html" id="rank">
    {
  {d.LAY_TABLE_INDEX+1}}
</sc