解决layui表格排序与后台数据返回顺序不一致

一直想让“总计”的数据处在第一行，后台返回的结果中，总计是排在第一位的，但数据返回之后layui表格又重新排序一遍，因为是以升序排列，总计的总消费是最多的，导致“总计”排在了最后一位，与自己想要的排在首行不符

处理方法：

table.on('sort(tbdata)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            table.reload('data-reload', {//'data-reload'为表格对应的id值
                //initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数//需删除或注释掉此属性，否则不会按照后台返回的顺序排列，layui依旧会重新排序
                where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
                    field: obj.field //排序字段
                    ,order: obj.type //排序方式
                }
                ,url: 'xxxxxxxxxxxxxx'//后台执行的方法
                ,done:function(res,curr,count){
                    //执行到此后，可实现依照后台返回的顺序排列，但点击表格的排序小三角形之后，不会变黑，小三角形没有了颜色状态，一直是灰色的
                    var numval = $('.dataTopTable .layui-form').attr('lay-filter')//获取到表格的lay-filter属性，即LAY-table-2(每点击一次排序的小三角，此属性后面的数字会加1)
                    numzu = numval.split("-");//将字符串转为数组
                    num = numzu[2];//获取最后的数字
                    $('.laytable-cell-'+num+'-'+obj.field+'>span:last()').attr('lay-sort',obj.type);//给小三角加颜色状态
                }
            });
        });

==================================================

排序中删除initSort: obj之后已经实现了按照后台返回顺序排序，但小三角形没了颜色状态，一直是灰色的

执行完done之后，给小三角形加了颜色状态

【改变小三角形的颜色状态只是给对应的div中第2个span标签加了lay-sort="desc/asc"属性】

========================

实现按照后台返回顺序排序可参考：https://fly.layui.com/jie/33735/

解决layui表格排序与后台数据返回顺序不一致相关推荐

在layui中使用ajax传值给后台,解决layui批量传值到后台操作时出现传值为空的问题...
如图,前台的样子,data的参数为 [ {"good_id":1,"good_name":"标样-总磷","good_num&qu ...
layui的轮播图片自适应大小_解决Layui 表格自适应高度的问题
解决Layui 表格自适应高度的问题鄙人在写一个项目,发现成功将数据在页面显示后, 高度没有自适应,而是将一些按钮遮挡了,不断的调试和网上寻找解决办法,发现没有效果,最后添加了一句css .layu ...
layui表格编辑修改session数据
layui表格编辑修改session数据开发工具与关键技术: 作者:熊琪撰写时间:2019.7.06 Layui表格编辑,首先明白layui的表格属性,清楚其作用.Layu给人的一种感觉就是当你没 ...
如何获取layui表格选中行的数据
在项目中有很多涉及到表格的模块,有时候当你需要保存数据的时候,而这些数据都在表格中你却获取不到,这就让人很苦恼了,所以下面就讲下如何获取layui表格中选中行的数据, 注意这里只是layui表格的获取 ...
react + antd 表格排序（服务端返回数据）
本地表格排序只需要按照文档描述在Column中加入属性sorter,写入排序方法即可.本地表格排序只能在当前页对显示的数据进行排序,如果想对所有的数据进行排序,需要使用后端返回的数据,这时候属性sor ...
layui表格更改一列数据_【WEB前端开辟】layui表格数据变动的一种处理方式
表格数据更改,平常包括几个内容:新增.修正.删除.挪动,开辟中常常会面对的一个题目就是更改以后怎样将数据同步到节点上,一向以来个人的提议照样应用表格重载,不管是url情势的照样data情势的实际都是须 ...
Layui表格实现显示空白行数据
在做餐饮的基础资料管理的时候,有些表格需要显示一条空白行,因为增删该三个控件按钮需要加载数据之后菜显示出来,如下所示: 上面表格最右边的控件按钮是用layui表格绑定列工具条实现的,代码如下: ...
获取layui表格单元格的数据_Layui数据表格之获取表格中所有的数据方法
数据表格中的数据是通过直接赋值的方式.这里实际上思想是反过来的,将拿数据表格中的所有数据,转换为Layui数据表格拿原始数据去渲染数据表格. 1.创建一个作用域合适的JS对象数组用来保存数据表格中的原 ...
让Swing表格支持远程后台数据翻页
TWaver Java不但提供了TTable.TElementTable这些表格组件,而且还提供了表格翻页器TPageNavigator.让表格和翻页器结合工作,可以立刻做出一个非常标准的可翻页的表格 ...

解决layui表格排序与后台数据返回顺序不一致

解决layui表格排序与后台数据返回顺序不一致相关推荐

最新文章

热门文章