Layui中Table控件，合计时删除小数点

原创于 2020-02-16 10:16:03 发布 · 1.4k 阅读

CC 4.0 BY-SA版权

本文介绍如何使用layui框架的table组件，并演示了如何在表格的合计行中删除小数点，通过自定义函数实现数据展示的优化。

<script src="/Reserve/layuiadmin/layui/layui.js"></script>
<script>
 
 layui.use(['form', 'layer', 'laydate', 'table'], function () {
            var laydate = layui.laydate,
                layer = layui.layer,
                table = layui.table;;

//方法级渲染
            table.render({
                elem: '#LAY_table_user'
                , id: 'tabScore'
                , data: []
                , cols: coldt
                , id: 'testReload'
                , page: false
                , limit: 30
                , toolbar: true
                , totalRow: true
                , done: function () {
                     fnSetNoDouble();//这里调用删除小数点
                }
            });


//删除合计行的小数点
        function fnGetTotalDiv(id) {
            var div = '.layui-table-total div:eq(' + id + ')';
            var a = $(div).html();
            // 进行剪切
            a = a.substr(0, a.indexOf("."));
            $(div).html(a);
        };

function fnSetNoDouble() {
            setTimeout(function () {
                fnGetTotalDiv(2);//删除数据所在列
                fnGetTotalDiv(3);
            }, 100);
        };
});