`

Jquery 表格插件DataTables

    博客分类:
  • JS
 
阅读更多

可以实现自定义的排序,分页等功能,

要实现按照自己设定的规则排序,例如百分比排序,需要过滤掉% 然后比较排序,则先定义列的数据类型为自定义的,然后定义该类型的 asc, desc 的比较算法:

'aoColumns':[
        null,
             {'sType': 'numeric-comma'},
             null,
             {'sType': 'numeric-comma'}
]

 

定义类型的算法

	jQuery.fn.dataTableExt.oSort['numeric-comma-asc']  = function(a,b) {
	    var x = (a == "") ? 0 : a.replace("%", "" );
	    var y = (b == "") ? 0 : b.replace("%", "" );
	    x = parseFloat( x );
	    y = parseFloat( y );
	    return ((x < y) ? -1 : ((x > y) ?  1 : 0));
	};
	 
	jQuery.fn.dataTableExt.oSort['numeric-comma-desc'] = function(a,b) {
	    var x = (a == "") ? 0 : a.replace("%", "" );
	    var y = (b == "") ? 0 : b.replace("%", "" );
	    x = parseFloat( x );
	    y = parseFloat( y );
	    return ((x < y) ?  1 : ((x > y) ? -1 : 0));
	};
	

 

更多参考:

 

http://blog.csdn.net/dyllove98/article/details/8866278

 

API:

http://blog.csdn.net/lisky119/article/details/25884197

 

 

 

分享到:
评论

相关推荐

    jQuery表格插件DataTables

    **jQuery表格插件DataTables详解** DataTables是jQuery的一个强大插件,专为HTML表格提供高级功能和交互性。这个插件的核心理念是基于渐进增强的原理,即在基本HTML表格的基础上添加丰富的功能和控制,使得数据展示...

    jQuery表格插件datatables用法汇总

    jQuery表格插件DataTables是一个用于增强HTML表格功能的插件,它提供了高级的交互控制,能够将任何HTML表格转化为具有数据搜索、排序、分页等丰富功能的表格。DataTables的目的是扩展基本的HTML表格功能,使之更加...

    Datatables jquery表格插件

    Datatables是一款基于jQuery的开源表格插件,广泛应用于网页数据展示和管理。它以其丰富的功能、高度的灵活性和良好的社区支持而备受青睐。这个插件的主要目标是将静态或者动态生成的HTML表格转变为具有强大交互性的...

    jQuery表格插件datatables用法总结

    jQuery表格插件DataTables是一个基于jQuery的JavaScript库,它扩展了HTML表格的功能,增加了排序、搜索和分页等互动功能。DataTables能够处理大量数据,同时保持高性能,因此非常适合用于Web应用程序中管理表格数据...

    DataTables - jQuery表格插件

    DataTables是一款基于jQuery库的强大的表格插件,它极大地增强了HTML表格的功能,提供了丰富的排序、搜索、分页、列操作等交互性功能。这个插件的设计目标是为开发者提供一个高度可定制、易于使用的工具,使得网页上...

    jQuery表格插件datatables用法详解

    《jQuery表格插件DataTables深度解析与应用》 DataTables是一个强大的jQuery插件,专为HTML表格设计,它提供了一套全面的交互式控制,包括分页、过滤、排序、自适应宽度、自定义样式、隐藏列等功能。该插件以易用性...

    jquery 分页插件 dataTables

    jQuery分页插件dataTables是一款强大的、灵活的、功能丰富的表格增强工具,它能够将普通的HTML表格转化为具有排序、搜索、分页、过滤等高级功能的数据展示平台。dataTables插件充分利用了jQuery的简洁和高效,使得在...

    37款开源jQuery表格插件

    jQuery表格插件 DataTables **简介** DataTables是一款基于jQuery的表格插件,具有高度灵活性和强大的功能,支持对任何HTML表格进行增强处理。 **主要特点** - **自动分页**:自动处理表格的分页。 - **即时...

    jquery 表格分页处理插件 DataTables

    DataTables是提供了大量特性的强大jQuery表格插件。例如:你可以自动轻松筛选、Ajax预读取数据、分页、列排序、高亮排序列、扩展插件支持、使用CSS或jQuery UI ThemeRoller 定制主题和完整文档。

    强大的jQuery表格插件

    - **DataTables**:DataTables是最受欢迎的jQuery表格插件之一,支持排序、过滤、分页、列选择等多种功能,并且有多种语言和主题可供选择。 - **Handsontable**:Handsontable是一个强大的交互式表格,适合数据编辑...

    jQuery表格插件仿Excel表格排序修改效果

    常见的jQuery表格插件有DataTables、Handsontable和FlexGrid等。这些插件通常提供多种功能,包括排序、搜索、分页、过滤和自定义列格式。例如,DataTables是一个强大的开源插件,它支持多种数据源,可以方便地实现...

    DONET的JQuery.Datatables集成插件(Mvc.JQuery.Datatables)

    `Mvc.JQuery.Datatables`是一个非常实用的插件,它允许开发者轻松地将流行的JQuery Datatables库与ASP.NET MVC框架集成,从而实现高效、动态和交互式的表格数据展示。这个插件极大地简化了在.NET环境中使用...

    基于Bootstrap+php+jquery酒店预订系统后台管理系统

    jquery表格插件Datatables的使用大大丰富了数据的展现方式,更具交互性。具有自动分页、模糊搜索等功能 封装了Response类,可以传递4个参数 show($code, $message = '', $data = array(), $type = self::JSON)来展示...

    基于jQuery的表格操作插件

    大多数前端er都把网页中的table标签替换为div,主要就是因为div要...DataTables是提供了大量特性的强大jQuery表格插件。例如:你可以自动轻松筛选、Ajax预读取数据、分页、列排序、高亮排序列、扩展插件支持、使用CSS或

    jquery表格插件带分页动态数据表格代码

    常见的jQuery表格插件有DataTables、jqGrid、Flexigrid等。在本项目中,可能使用的是某一特定的表格插件,通过定制或配置实现所需功能。 二、分页 在大数据量的展示场景下,分页是一种常用的技术手段,可以避免一...

    Jquery可编辑表格插件DataTables-1.7.6.zip

    DataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zipDataTables-1.7.6.zip

Global site tag (gtag.js) - Google Analytics