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框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
2860 0
执行 composer update 命令会直接更新依赖包,可能会导致某些依赖包之间的兼容性问题,如何解决这个问题?底层原理是什么?
执行 composer update 命令会直接更新依赖包,可能会导致某些依赖包之间的兼容性问题,如何解决这个问题?底层原理是什么?
1203 0
|
并行计算 Linux 编译器
CentOS7(64位)安装NVIDIA显卡驱动和CUDA8.0
CentOS7(64位)安装NVIDIA显卡驱动和CUDA8.0
930 0
CentOS7(64位)安装NVIDIA显卡驱动和CUDA8.0
|
JavaScript 前端开发
layui下拉框xm-select自定义搜索使用方法
【10月更文挑战第28天】`xm - select` 是基于 Layui 的下拉框增强插件,支持自定义搜索功能。实现步骤包括:1. 引入 Layui 和 xm - select 的核心文件;2. 创建下拉框的基本 HTML 结构;3. 使用 `layui.use` 函数初始化插件并配置搜索功能;4. 可选地进行高级自定义搜索优化,如模糊匹配、多字段搜索和实时更新数据。通过这些步骤,可实现灵活的下拉框搜索功能。
3036 1
可能是由于PHPStorm的授权验证出现了问题
可能是由于PHPStorm的授权验证出现了问题
336 1
解决layui的table数据重载reload where参数会保留上次条件的问题
解决layui的table数据重载reload where参数会保留上次条件的问题
555 0
|
关系型数据库 MySQL 数据库
MySQL中如何设置 auto_increment 重新计数 主键id从1开始
几句话解决 auto_increment 重新计数?
450 0
MySQL中如何设置 auto_increment 重新计数 主键id从1开始
|
Docker 容器
.NET Core 网站项目在Docker中运行无法访问问题处理
.NET Core 网站项目在Docker中运行无法访问问题处理
723 0
|
前端开发
若依修改,配置了一个接口路径出现了,如何放通接口{ “msg“: “请求访问:/code/list,认证失败,无法访问系统资源“, “code“: 401}
若依修改,配置了一个接口路径出现了,如何放通接口{ “msg“: “请求访问:/code/list,认证失败,无法访问系统资源“, “code“: 401}
|
域名解析 弹性计算 Linux
PHP SDK 的安装与调用
Alibaba Cloud SDK for PHP是支持PHP开发者快速访问阿里云服务的开发包,由Alibaba Cloud Client for PHP提供底层支持。Alibaba Cloud SDK for PHP让您不用复杂编程即可访问云服务器、云数据库RDS和云监控等多个阿里云服务。本文将为大家介绍PHP SDK的安装与调用过程。
2549 0
PHP SDK 的安装与调用