首页 > 软件开发 > JQUERY >

Jquery插件DataTables:[5]禁用排序功能

来源:互联网 2023-03-16 23:53:40 276

DataTables在默认情况下是有排序功能的,有时我们不需要排序功能,或者部分列不需要排序功能。FBo办公区 - 实用经验教程分享!

1.总开关 ordering ,值true或false。FBo办公区 - 实用经验教程分享!

2.设置列的orderable,值true或false。FBo办公区 - 实用经验教程分享!

方法/步骤

  • 1

    引入相关的js,css。table的html。FBo办公区 - 实用经验教程分享!

    Jquery插件DataTables:[5]禁用排序功能FBo办公区 - 实用经验教程分享!

    Jquery插件DataTables:[5]禁用排序功能FBo办公区 - 实用经验教程分享!

  • 2

    datatable排序功能被禁用的js, ordering:false(默认情况下为true)。FBo办公区 - 实用经验教程分享!

    Jquery插件DataTables:[5]禁用排序功能FBo办公区 - 实用经验教程分享!

  • 3

    比较一下,如图可以看到, 禁用排序时,排序的箭头没有了。FBo办公区 - 实用经验教程分享!

    Jquery插件DataTables:[5]禁用排序功能FBo办公区 - 实用经验教程分享!

    Jquery插件DataTables:[5]禁用排序功能FBo办公区 - 实用经验教程分享!

  • 4

    部分禁用排序功能,禁用第二列的排序功能。js如下。(默认排序的总开关开启,所以这里没有在js里设置)。FBo办公区 - 实用经验教程分享!

    Jquery插件DataTables:[5]禁用排序功能FBo办公区 - 实用经验教程分享!

  • 5

    看下效果,第二列排序的箭头没了。FBo办公区 - 实用经验教程分享!

    Jquery插件DataTables:[5]禁用排序功能FBo办公区 - 实用经验教程分享!

  • stateSave

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!FBo办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码