jquery 的datatables插件问题(多列排序)



//按第二列降序排序,
出现提示: Datables wrning(table id=‘example‘):Cannot reinitialise DataTable. To retrieve theDatables object for this table,please pass eithser no arguments to the dataTable() function,
解决方法:

1、加 "bDestroy":true,和"bRetrieve": true, 只是能屏蔽提示。 

2、 $(document).ready(function () {
            $(‘#Todolisttable‘).dataTable().fnDestroy();  //必须加fnDestroy() 这个
            $(‘#Todolisttable‘).dataTable({
                "aaSorting": [
                    [1, "desc"]    //按第二列降序排序,
          ] }); });
2、 $(document).ready(function () {
            $(‘#Todolisttable‘).dataTable().fnDestroy();
            $(‘#Todolisttable‘).dataTable({
                "aaSorting": [
                    [1, "desc"]
          ] }); });

 

时间: 2024-08-01 18:21:35

jquery 的datatables插件问题(多列排序)的相关文章

解决JQuery中datatables设置隐藏显示列多次提交后台刷新数据的问题

此次项目开发过程中用到了Jquery的Datatables插件,无疑他是数据列表展示,解决MVC中同步过程中先走控制器后返回视图,查询数据过程中无法提示等待的弊端, 而且他所提供的各种方法也都有较强的实用性.但是再好的程序也会有瑕疵,项目开发中就遇到了其提供的设置隐藏显示列的方法 table.fnSetColumnVis(colShowDic_key[i], true);//colShowDic_key[i]为列的索引.会多次提交刷新数据(有多少列会提交刷新多少次). 为解决这个问题尝试了很多种

jQuery拖拽插件制作拖拽排序特效

基于jQuery拖拽插件制作拖拽排序特效是一款非常实用的鼠标拖拽布局插件.效果图如下: 在线预览   源码下载 实现的代码. html代码: <h1>水平拖拽</h1> <div class="demo"> <div class="item item1"><span>1</span></div> <div class="item item2"><

jQuery的dataTables插件实现中文排序

最近在写Java web. 写JSP的时候发现一个很好玩的插件dataTables.分页.过滤.排序等等手到擒来. 哎哎哎,有点点可惜的是排序这个功能不支持中文.于是网上查查找找,现在把方法整理一下,与君共享. 1 <script type="text/javascript"> 2 3 // oSort是排序类型数组, 'chinese-asc'是自己定义的类型的排序(*-asc || *-desc)名称 4 // 插件应该会根据表格中的内容的类型(string, numb

jquery.dataTables插件使用例子详解

DataTables是一个jQuery的表格插件.这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格 效果图 代码 <!doctype html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>jquery.dataTables插件</title>     <link rel

使用jquery的tablesorter插件进行表格排序

今天在学习bootstrap的时候,突然看见tablesorter这个东东了,立马百度了一下,发现了这个东东.. 下面说一下今天我在项目中看见前辈们用的表格排序 tablesorter的官方网站:http://tablesorter.com/docs/ 使用方法:1.下载tablesorter http://tablesorter.com/jquery.tablesorter.zip 2.解压文件,将jquery和jquery.tablesorter.min.js导入到项目文件中 3.修改htm

jquery的DataTable按列排序

不管你用SQL查询数据时,是如何排序的,当数据传递给DataTable时,它会按照它自己的规则再进行一次排序,这个规则就是"order" 可以使用以下代码来进行排序 $('#example').dataTable( { "order": [] } ); 通过"order"属性来进行排序,默认是按第一列的升序排序的,如下: $('#example').dataTable( { "order": [[ 0, 'asc' ] //这

dataTables 插件学习整理

在项目中使用了dataTables 插件,学习整理一下. dataTables 的官方中文网站 http://www.datatables.club 引入文件: 所有的都要引入 jq文件 1. dataTables 的样式 <link rel="stylesheet" href="jquery.dataTables.css"> <script src="jquery.dataTable.js"> 2. bootstrap

JQuery之DataTables强大的表格解决方案

好久没有写过前端的东西了,好多东西真是遗忘的太快了,重新捡起jquery,开始写公司的后台...在jquery中更好的处理表格这个东西,还是很蛋疼的,如果要是好看点还要在使用bootstrap来做.看到园子里有人研究过,哪来学一学: 1.DataTables的默认配置 $(document).ready(function() { $(‘#example’).dataTable(); } ); 示例:http://www.guoxk.com/html/DataTables/Zero-configu

jquery之DataTables的使用

document jquery function lsquo 强大的表格解决方案,有多强大,一起来看下吧: 1.DataTables的默认配置 $(document).ready(function() {$('#example').dataTable();} ); 示例:http://www.guoxk.com/html/DataTables/Zero-configuration.html 2.DataTables的一些基础属性配置 "bPaginate": true, //翻页功能&