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

相关文章
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
859 0
|
前端开发 JavaScript 数据库
layui联动菜单搜索select表单选项的设置方法
layui联动菜单搜索select表单选项的设置方法
1320 0
layUI数据表格可编辑扩展下拉框
layUI数据表格可编辑扩展下拉框
757 0
|
容器
layui组件table定时刷新的解决方案
layui组件table定时刷新的解决方案
540 0
|
前端开发 JavaScript 安全
前端框架Layui实现动态选项卡&iframe使用(附源码)
前端框架Layui实现动态选项卡&iframe使用(附源码)
2611 0
|
JavaScript 算法 前端开发
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
3789 0
|
索引
Layui 内置方法 - layer.prompt_(输入层)
Layui 内置方法 - layer.prompt_(输入层)
1585 0
|
JavaScript 前端开发
layui下拉框xm-select自定义搜索使用方法
【10月更文挑战第28天】`xm - select` 是基于 Layui 的下拉框增强插件,支持自定义搜索功能。实现步骤包括:1. 引入 Layui 和 xm - select 的核心文件;2. 创建下拉框的基本 HTML 结构;3. 使用 `layui.use` 函数初始化插件并配置搜索功能;4. 可选地进行高级自定义搜索优化,如模糊匹配、多字段搜索和实时更新数据。通过这些步骤,可实现灵活的下拉框搜索功能。
4442 1
|
JSON 前端开发 JavaScript
【Layui】掌握的LayUI树形权限菜单,助力你的权限管理!
LayUI是一款基于jQuery的前端UI框架,而树形权限菜单是一种常见的网页导航菜单设计。LayUI树形权限菜单结合了LayUI框架的特性和树状结构的展示方式,用于实现对用户权限的管理和控制。树形权限菜单通常由多层级的树状菜单构成,每个节点表示一个功能或者页面,父节点表示上级菜单,子节点表示下级菜单。通过这种层级结构,可以清晰地展示网站或系统的功能模块之间的关系。权限管理是指根据用户的角色或权限级别对不同的用户展示不同的菜单选项。