layui排序按数字类型

//方法级渲染
    var tableIns = table.render({
        elem: '#demo',
        cols: [
            [
                { field: 'id', title: 'ID', width: 80 },
                { field: 'experience', title: '积分', width: 120, sort: true },
            ]
        ],
        data: [
            { id: '10001', experience: '100a'},
            { id: '10002', experience: '20b'},
            { id: '10003', experience: '1100c'},
            { id: '10004', experience: '80d'},
            { id: '10005', experience: '900e'},
            { id: '10006', experience: '456f'},
            { id: '10007', experience: '32g'},
            { id: '10008', experience: '2004h'},
            { id: '10009', experience: '100i'},
            { id: '10010', experience: '1998j'}
        ],
        initSort: {
            field: 'experience', //排序字段,对应 cols 设定的各字段名
            type: 'desc', //排序方式  asc: 升序、desc: 降序、null: 默认排序
            rule: function(v, i, arr) { //v是指定排序的每一行的'experience'字段值,i 是每一行对应的下标, arr是表格所有行的dom数组
                return parseInt(v); //此处写自己想要转化为数字的逻辑,每一行都是通过返回的这个数字进行排序
            }
        }
    });

 

posted @ 2020-06-23 15:09  小粉优化大师  阅读(1263)  评论(0)    收藏  举报