首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在jQuery的遗留Datatable排序中修改“asc”"desc“模式

在jQuery的遗留Datatable排序中修改“asc”和“desc”模式,可以通过以下步骤实现:

  1. 首先,确保你已经引入了jQuery和Datatable的相关库文件。
  2. 在HTML页面中,创建一个表格,并给表格添加一个唯一的ID,例如:
代码语言:html
复制
<table id="myTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
    <!-- 其他行数据 -->
  </tbody>
</table>
  1. 在JavaScript代码中,使用jQuery选择器选中表格,并初始化Datatable,同时设置排序模式为自定义模式。例如:
代码语言:javascript
复制
$(document).ready(function() {
  $('#myTable').DataTable({
    "ordering": true,
    "order": [[ 0, "asc" ]] // 默认按第一列升序排序
  });
});
  1. 现在,你可以通过修改排序模式来改变“asc”和“desc”的显示方式。在Datatable的初始化代码中,添加以下代码:
代码语言:javascript
复制
$.fn.dataTableExt.oSort['asc-string-strict'] = function(x, y) {
  return ((x < y) ? -1 : ((x > y) ? 1 : 0));
};

$.fn.dataTableExt.oSort['desc-string-strict'] = function(x, y) {
  return ((x < y) ? 1 : ((x > y) ? -1 : 0));
};
  1. 最后,重新加载表格数据,使排序模式生效。例如:
代码语言:javascript
复制
var table = $('#myTable').DataTable();
table.draw();

现在,当你点击表格的列头进行排序时,会按照自定义的排序模式进行排序,而不是默认的“asc”和“desc”模式。

这种修改排序模式的方法适用于jQuery的遗留Datatable插件,可以根据实际需求进行自定义排序规则。如果你想了解更多关于Datatable的用法和功能,可以参考腾讯云的产品介绍页面:Datatable产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

UI标签库的话题:JEECG智能开发平台 BaseTag(样式表和JS标签引入)

JS插件类型 插件名 描写叙述 Jquery 引入版本号jquery-1.8.3 Easyui 引入版本号jquery.easyui.1.3.1及自己定义扩展JS DatePicker 引入版本号My97DatePicker4.8...Beta2 Jqueryui 引入版本号jquery-ui-1.9.2 prohibit 经常使用浏览器操作JS函数禁用右键菜单,禁用回退。...是 null treegrid boolean 是否是树形列表 否 false autoLoadData boolean 数据列表是否自己主动载入 否 true queryMode string 查询模式...以适应父容器 否 true sortName string 定义列进行排序 否 null sortOrder string 定义列排序顺序,仅仅能是“递增“或“降序(asc,desc) 否 asc...showRefresh boolean 是否显示刷新button 否 true showText boolean 是否显示分页文本内容 否 true style string 插件类型有easyui和datatable2

4.5K20
  • 在ASP.NET MVC5实现具有服务器端过滤、排序和分页GridView

    背景 在前一篇文章《【初学者指南】在ASP.NET MVC 5创建GridView》,我们学习了如何在 ASP.NET MVC 实现 GridView,类似于 ASP.NET web 表单功能。...通过前文,我们已经了解到使用 jQuery 插件数据表可以很容易地实现具有搜索、排序和分页等重要功能表格。 ?...介绍 在本文中,我们将会学习如何实现服务器端分页,搜索和排序功能。从长远来讲,这是一种更好方式来应对数据集特别大情况。 我们将会修改前文中源代码,现在就开始吧!...在配置文件,你会发现下面配置节点中连接字符串,你需要在节点中根据你系统来修改连接字符串。..." asc" : " desc"); } query = query.OrderBy(orderByString == string.Empty ?

    5.4K80

    jquery datatable 参数

    or false, default true 开关,是否显示表格一些信息 bJQueryUI true or false, default false 是否使用jquery ui themeroller...这个数据是记录在cookies,打开了这个记录后,即使刷新一次页面,或重新打开浏览器,之前状态都是保存下来 sScrollX 'disabled' or  '100%' 类似的字符串 是否开启水平滚动...], [[0,'asc'], [0,'desc']] 指定按多列数据排序依据 aaSortingFixed 同上 同上。...array 5.array int : Index array to translate the visual position to the full data array 无 无 用于在每次重画时候修改表格脚部...Boolean - false if the state should not be loaded, true otherwise 无 在cookies数据被加载前执行,可以方便地修改这些数据 fnStateSaveCallback

    23910

    jquery.datatables 分页功能

    在后端不管是使用什么技术,按下面API参数封装对象即可,分页,排序,搜索都不需要手动去维护这些信息,方便、方便、太方便!...这是columns也提交给服务器信息数组索引引用。 order[i][dir] -- str // 此列订购方向。这将是ascdesc指示升序排列或降序排序,分别。...只需设置它true,DataTabels将在服务器端处理模式下运行。您还将使用该ajax选项来指定DataTable应从其获取Ajax数据URL。...作为一个对象,ajax直接映射到jQueryajax配置对象,所以任何可以在jQuery请求中使用选项,你也可以使用DataTables!...'/data-source', type: 'POST' } } ); 有关DataTable可用Ajax选项更多信息,请参阅ajax文档。

    5K20

    mybatis(pagehelper) dataTables实现分页功能

    * 注意:通常在服务器模式下对于大数据不执行这样正则表达式,但这都是自己决定 */ private boolean is_search; /* * 告诉后台那些列是需要排序。...i是一个数组索引,对应是 columns配置数组,从0开始 */ private int[] order; /* * 告诉后台列排序方式, desc 降序 asc升序 */...* 注意:通常在服务器模式下对于大数据不执行这样正则表达式,但这都是自己决定 */ private boolean is_search_regex; /*-------------...过滤后记录数(如果有接收到前台过滤条件,则返回是过滤后记录数) */ private int recordsFiltered; /* * 必要。表需要显示数据。...() 方法把数据绑定到row,方便之后用来检索(比如加入一个点击事件) */ private Object dt_rowData; /* * 自动绑定数据到 tr上,使用 jQuery.attr

    2.6K30

    【初学者指南】在ASP.NET MVC 5创建GridView

    介绍 在这篇文章,我们将会学习如何在 ASP.NET MVC 创建一个 gridview,就像 ASP.NET Web 表单 gridview 一样。...服务器端和客户端有许多可用第三方库,这些库能够提供所有必需功能, Web 表格搜索、排序和分页等。是否包含这些功能,取决于应用特殊需求,例如在客户端和服务器端提供搜索或其它功能需求等。...Visual Studio 将会提示是否要修改解决方案,你需要点击 Ok 来继续安装 JQuery DataTables 包。...在配置文件,你会发现下面配置节点中连接字符串,你需要在节点中根据你系统来修改连接字符串。...在下一篇文章,我们将会学习到如何通过使用服务器端分页、排序和过滤来使页面呈现更好。对于具有大量数据时,这是一个更好方法。

    6.2K90

    Datatables表格插件,你用过吗?

    Datatables是一款jquery表格插件。它是一个高度灵活工具,可以将任何HTML表格添加高级交互功能。...分页,即时搜索和排序 几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理 支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation...,我们操作这一列不需要有排序功能,所以可以禁止掉,索引是从0开始。...这时候就有一个问题了,后台分页时如何知道你按多少数据分页,你排序方式是按哪个字段进行什么排序。...在ajax请求利用data属性动态实时获取用户输入数据,并把其赋值给dataTable,然后doSearch方法重新拉起一次dataTable请求,这时请求参数就添加了需要字段和值; <form

    6K30

    Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结

    -- jQuery (Bootstrap 所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) --> <script type="text/javascript" src="{%...order:'<em>desc</em>', // 默认<em>排序</em>方式升序-<em>asc</em> 降序-<em>desc</em> width: '2%', }, { field: 'name', title: '角色名称', align...原因是这样<em>的</em>,通过选择表记录行,然后点击表格上方<em>的</em><em>修改</em>按钮<em>修改</em>对应记录,这种情况下,无法直接获取对应行记录<em>的</em>索引,导致没法更新对应记录行,所以需要获取索引,没找到对应,至于为啥这么获取,是由table...,默认打开页面,请求表数据时,会附加提供以下参数: order=<em>asc</em>&offset=0&limit=pageSize 或者如下(添加了搜索框<em>的</em>情况下) search=&order=<em>asc</em>&offset...=0&limit=pageSize search:前端输入<em>的</em>搜索内容 order:<em>排序</em>方式,<em>asc</em> - 升序 <em>desc</em> - 降序 sort:需要<em>排序</em><em>的</em>列 offset:偏移 limit:限制查询返回记录数

    13.1K20

    索引三剑客之降序索引和不可见索引

    5.7 和 8.0创建了一个 ftime desc 倒序索引,但是在实际表元数据只有MySQL 8.0保留了desc子句,MySQL 5.7直接忽略了desc子句。...filesort排序,而8.0则无需排序。...查询5(a DESC, b DESC)和查询6(a ASC, b ASC) 与我们创建索引 (a desc, b asc) 排序方式不同,导致了filesort 排序。...为了避免8.0排序操作,我们可以再添加一个索引(a asc, b asc),这时所有6个查询在MySQL 8.0性能都比5.7要好很多。...不过,开发人员需要注意,group by操作不再对分组后结果进行隐式排序可能带来变化。 2. 不可见索引 2.1 不可见索引 万剑归宗乃是剑术最高境界,化剑气于无形,聚无形剑气万剑自生。

    1.5K32

    ThinkphpMySQL按照中文拼音排序问题处理

    背景 由于客户需求,需要按照汉字首字拼音排序,项目开发免不了数据排序问题,排序又免不了对中文处理。...今天分享一下如何在mysql对中文进行排序,介绍下thinkphp连贯操作order底层原理 例:M(‘Project’)->order(‘name’)->select(); 这段代码最后转换成原生...’)->select(); 实验可用成功order(array('convert(server_name using gb2312) ASC,time_controller DESC,wechat ASC...数据查询时候不管是按添加时间还是按修改时间排序,用户都不满意,领导说:应该按照名字排序嘛,这样用户就可以预见他想要数据在什么地方了 ?...用‘强大’百度查了下,mysql要想实现中文拼音排序有两种常用办法: 第一种 不修改表结构,只修改查询语句: 明确告诉mysql我这个字段要以gbk编码处理(用gb2312也可以) 如果数据表tbl

    2.5K10

    JavaScript点击表格表头,实现表格排序

    思路 因为表格数据是遍历数组动态创建,所以可以考虑在点击表头时候,对数据进行排序。 对数据排序需要考虑两个关键点: 对哪个字段进行排序? 是正序(ASC)还是逆序(DESC)?...所以我们可以考虑在表头标签存储对应字段属性——也就是下面代码key属性。...2)正序还是逆序 和上面类似,想要知道当前表头字段是正序还是逆序,也只需要在表头标签存储一个排序属性——sort属性。因为初始化数据 people是乱序,所以不需要预设sort属性。...排序函数 此处排序函数,我们直接使用sort()方法。 这个排序方法需要注意是:字符串排序,还是数值排序。 还要考虑需要传入什么参数:要排序字段 prop、正序/逆序 type。.../** * 比较函数 * @param {string} prop 数据里面要排序key * @param {number} type 1:asc -1:desc

    3.9K10

    Jquery DataTable 学习之基础配置(二)

    2017-01-12 03:19:31 本文将介绍jquery DataTable一些基础配置,分页、排序、过滤等,代码如下 $(document).ready(function() { $('...#example').dataTable({ "bPaginate": true, //分页功能 "bLengthChange": true, //改变每页显示数据数量 "bFilter...}); } ); 1.1分页功能 当开启分页功能后,jquery DataTable将会在页面上将表格进行分页处理,此分页方式与后台无关,只需要在初始化之前将数据填充到表格当中,然后进行表格初始化操作...1.3过滤功能 过滤功能也可以叫做为搜索查询功能,该功能在大数据量表格作用尤为突出,当数据量很大时,用户不想通过翻页方式来逐条搜索,通过后台搜索查询方式又很慢,这时就显示出了该功能优越性。...null或者为“bSortable”:true,不需要进行排序设置为“bSortable”:false,该方法弊端为必须要知道表格有多少列,否则会报错。

    1.2K10
    领券