layui 例子

layui.use(function () {
        layui.table.render({
          elem: '#ID-test-table',
          data: [
            { id: 10000, score: 57 },
            { id: 10001, score: 70.5 },
            { id: 10002, score: 31 },
          ],
          page: false,
          toolbar:
            '<div><button type="button" lay-event="renderDataTest">重新渲染数据</button></div>',
          defaultToolbar: false,
          totalRow: true, // 开启合计行
          cols: [
            [
              // 表头
              { type: 'checkbox', fixed: 'left' },
              {
                field: 'id',
                title: 'ID',
                width: 80,
                sort: true,
                totalRow: '合计 : ',
              },
              {
                field: 'score',
                title: '评分',
                width: 80,
                sort: true,
                totalRow: true,
                edit: true,
              },
            ],
          ],
        });

        layui.table.on('toolbar(ID-test-table)', function (obj) {
          switch (obj.event) {
            case 'renderDataTest':
              layui.table.renderData('ID-test-table');
              break;
          }
        });

        // 显示 Layui 版本
        var versionTPL = lay('#version')[0].innerHTML;
        lay('#version').html(layui.laytpl(versionTPL).render({}));
      });