layui的totalRow默认为两位小数,按需要修改为整数

简介: layui的totalRow默认为两位小数,按需要修改为整数

项目中只引用了layui的js。

<script src="../static/layui/layui.js" charset="utf-8"></script>


需要修改静态资源 …\resources\static\layui\lay\modules\table.js 里面的数据。


1.定位到table.js文件的 i.eachCols 位置:

20210105162618437.png


2.修改 d=function的方法:

20210105162709967.png

3.具体内容

d=function(){var e=o.totalRowText || "",type=o.totalRowType || "",i,a={};if(type === "int"){i=parseFloat(l[r]).toFixed(0)}else {i=parseFloat(l[r]).toFixed(2)}return a[r]=i,i=u(o, i, a),t ? t[o.field] || e: o.totalRow ? i || e: e}


4.说明


4.1.添加了 totalRowType 这个自定义属性,作为判断是否需要修改为整数显示。

4.2.通过 if 判断,如果是,通过 toFixed(0) 方法实现;否则为 toFixed(2) 。


5.使用


table.render({
    elem: '#test'
    ,url:'/zjjgxy/getZjjgxyCountData'
    ,toolbar: '#toolbarDemo' //开启头部工具栏
    ,defaultToolbar: ['exports']
    ,title: '资金监管统计'
    ,totalRow: true
    ,cols: [
        [
            {field:'bldw', title:'办理单位', width:100, totalRowText: '合计'}
            ,{field:'jgyh', title:'监管银行', width:100}
            ,{field:'jgsl', title:'监管数量', width:100, totalRow: true, totalRowType:'int'}
            ,{field:'jzmj', title:'建筑面积', width:100, totalRow: true}
            ,{field:'fx', title:'付息', width:100, totalRow: true}
        ]
    ]
    ,page: true
});


6.效果

20210105163322701.png

相关文章
|
JavaScript 前端开发
layui用layer.open打开子页面并获取子页面的ueditor富文本编辑器的内容
该内容描述了一个Web应用的交互流程,其中父页面通过调用子页面的JavaScript函数来获取富文本编辑器的内容。子页面包含一个富文本编辑器和一个`callbackdata`函数,用于返回编辑器的文本内容。父页面使用`layer.open`打开子页面作为弹窗,并在用户点击提交时,访问子页面的`callbackdata`获取编辑器内容,同时检查其他表单字段,如类型、标题等是否为空,以确保数据完整。
952 0
|
JavaScript 算法 前端开发
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
2411 0
执行 composer update 命令会直接更新依赖包,可能会导致某些依赖包之间的兼容性问题,如何解决这个问题?底层原理是什么?
执行 composer update 命令会直接更新依赖包,可能会导致某些依赖包之间的兼容性问题,如何解决这个问题?底层原理是什么?
1154 0
|
JavaScript 前端开发 数据格式
LayUI前框框架普及版(三)
LayUI前框框架普及版
332 0
Layui 内置方法 - layer.msg(提示框)
Layui 内置方法 - layer.msg(提示框)
1132 0
|
并行计算 Linux 编译器
CentOS7(64位)安装NVIDIA显卡驱动和CUDA8.0
CentOS7(64位)安装NVIDIA显卡驱动和CUDA8.0
875 0
CentOS7(64位)安装NVIDIA显卡驱动和CUDA8.0
|
11月前
|
JavaScript 前端开发
layui下拉框xm-select自定义搜索使用方法
【10月更文挑战第28天】`xm - select` 是基于 Layui 的下拉框增强插件,支持自定义搜索功能。实现步骤包括:1. 引入 Layui 和 xm - select 的核心文件;2. 创建下拉框的基本 HTML 结构;3. 使用 `layui.use` 函数初始化插件并配置搜索功能;4. 可选地进行高级自定义搜索优化,如模糊匹配、多字段搜索和实时更新数据。通过这些步骤,可实现灵活的下拉框搜索功能。
2465 1
若依修改,改若依首页,若依修改了路由不出现如何解决,修改路由必须在permission.js中的白名单添加新的路由,修改了路由,不出现,解决方法是在白名单中添加对应的路径:
若依修改,改若依首页,若依修改了路由不出现如何解决,修改路由必须在permission.js中的白名单添加新的路由,修改了路由,不出现,解决方法是在白名单中添加对应的路径:
|
JSON JavaScript 定位技术
Echarts 绘制地图(中国、省市、区县),保姆级教程!
Echarts 绘制地图(中国、省市、区县),保姆级教程!
|
算法 Oracle Java
一文详解|从JDK8飞升到JDK17,再到未来的JDK21
本文深入浅出地解析了从JDK8到JDK17版本升级的新特性,并展望后续将会更新的JDK21.
10966 8