layui表格(table)排序

news/2025/2/23 3:24:27/
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yufengaotian/article/details/80975256

layui表格本身提供sort排序,但是只能排序当前一页;如果后台返回几十页数据,需要排序显示,该如何做呢,这里闲心大神提供了一个sort监听方法:

通过监听排序的列,把对应的参数传给后台,然后重渲染表格就行了

//监听表格排序问题table.on('sort(test)', function(obj){ //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"console.log(obj.field); //当前排序的字段名console.log(obj.type); //当前排序类型:desc(降序)、asc(升序)、null(空对象,默认排序)console.log(this); //当前排序的 th 对象//尽管我们的 table 自带排序功能,但并没有请求服务端。//有些时候,你可能需要根据当前排序的字段,重新向服务端发送请求,从而实现服务端排序,如:table.reload('testTable', { //testTable是表格容器idinitSort: obj //记录初始排序,如果不设的话,将无法标记表头的排序状态。 layui 2.1.1 新增参数,where: { //请求参数(注意:这里面的参数可任意定义,并非下面固定的格式)field: obj.field //排序字段,order: obj.type //排序方式}});});

http://www.ppmy.cn/news/728352.html

相关文章

html表格筛选排序规则,excel表格的排序规则与排序技术

在Excel中,我们可以使用“排序”功能方便地对数据进行排序。 通常,我们可以使用“开始”选项卡“编辑”组“排序和筛选”中的命令,如图1所示。 图1 也可以使用“数据”选项卡“排序和筛选”组中的排序命令,如图2所示。 图2 然而&a…

表格排序

<!DOCTYPE html> <html> <head><meta charset"UTF-8"><title>表格排序</title><link rel"stylesheet" href"tablechange.css" type"text/css"/> </head> <body> <div class…

Excel电子表格排序的三种方法

排序是数据处理中的经常性工作&#xff0c;Excel排序有序数计算&#xff08;类似成绩统计中的名次&#xff09;和数据重排两类。本文以几个车间的产值和名称为例&#xff0c;介绍Excel 2000/XP的数据排序方法。 一、数值排序 1、RANK函数 RANK函数是Excel计算序数的主要工具&am…

计算机一级递增排列表格,excel表格数据按递增排序的方法

Excel中如何做到按递增顺序就行排序呢?接下来是学习啦小编为大家带来的excel表格数据按递增排序的方法&#xff0c;供大家参考。 excel表格数据按递增排序的方法 递增排序步骤1&#xff1a;打开excel工作簿&#xff0c;选择要进行排序的列&#xff0c;如下图所示 excel表格数据…

Excel合并单元格排序

Excel中合并单元格特别令人头疼&#xff01;&#xff01;&#xff01;我们可以利用函数进行排序&#xff0c;希望这篇文章可以帮到你&#xff01; 一、 MAX()函数方法 选中需要排序的单元格&#xff0c;然后在编辑栏输入 MAX($A$1:A1)1 按CtrlEnter组合键结束输入 效果如图所…

JS表格排序

//1.查找表格的<th>元素&#xff0c;让它们可单击 function makeSortable(table) {var headers document.getElementsByTagName("th");for (var i 1; i < headers.length; i) { //1-1.遍历行头(function (n) {var flag false;headers[n].onclick funct…

WPS表格 对列数据进行随机排序

1 首先在我们的新列&#xff0c;然后输入 RAND() 直接&#xff0c;复制到表格&#xff0c;会显示出一串随机数&#xff0c;如下图所示 2 接下来&#xff0c;在生成的随机数这里&#xff0c;把鼠标移到方框的右下角那&#xff0c;会出现一个实心十字 左键双击 会看到生成了许多…

每日浅读SLAM论文——简析Cartographer

文章目录 二维激光SLAM简单框架前端scan matchingSubmaps构建 后端分支定界优化csm&#xff08;CorrelativeScanMatch&#xff09; 代码实现框架 Cartographer&#xff08;论文名&#xff1a;Real-Time Loop Closure in 2D LIDAR SLAM&#xff09;是目前二维激光SLAM中应用最广…