$('#example').dataTable( {
"aaData": [
['Trident','Internet Explorer5.5','Win95+','5.5','LMS'],
['Trident','Internet Explorer 6','Win 98+','6','Complete your'],
['Trident','Internet Explorer 5.5','Win 95+','5.5','issued reported'],
],
"bSortable":false,
"aoColumns": [
{ "sTitle": "Name" },
{ "sTitle": "Browser" },
{ "sTitle": "Platform" },
{ "sTitle": "Version", "sClass": "center" },
{
"sTitle": "Grade",
"sClass": "center",
"fnRender": function(obj) {
var sReturn = obj.aData[ obj.iDataColumn ];
if ( sReturn == "A" ) {
sReturn = "<b>A</b>";
}
return sReturn;
}
}
],
aaSorting:[[2,'asc']]
}datatable可以对每一列的数据进行排序;现在我的问题是如果对于一列中的数据,每一个td单元格中有几行数据,如数据['Trident','Internet Explorer5.5','Win95+','5.5','LMS']变成['<div>Trident</div><div>Hello</div><div>pig</div>','Internet Explorer5.5','Win95+','5.5','LMS']我Name列的每一个单元格都有三行数据,那此时怎么进行排序?我想自己写排序函数,但一行可以,三行数据的话改如何写排序函数?
"aaData": [
['Trident','Internet Explorer5.5','Win95+','5.5','LMS'],
['Trident','Internet Explorer 6','Win 98+','6','Complete your'],
['Trident','Internet Explorer 5.5','Win 95+','5.5','issued reported'],
],
"bSortable":false,
"aoColumns": [
{ "sTitle": "Name" },
{ "sTitle": "Browser" },
{ "sTitle": "Platform" },
{ "sTitle": "Version", "sClass": "center" },
{
"sTitle": "Grade",
"sClass": "center",
"fnRender": function(obj) {
var sReturn = obj.aData[ obj.iDataColumn ];
if ( sReturn == "A" ) {
sReturn = "<b>A</b>";
}
return sReturn;
}
}
],
aaSorting:[[2,'asc']]
}datatable可以对每一列的数据进行排序;现在我的问题是如果对于一列中的数据,每一个td单元格中有几行数据,如数据['Trident','Internet Explorer5.5','Win95+','5.5','LMS']变成['<div>Trident</div><div>Hello</div><div>pig</div>','Internet Explorer5.5','Win95+','5.5','LMS']我Name列的每一个单元格都有三行数据,那此时怎么进行排序?我想自己写排序函数,但一行可以,三行数据的话改如何写排序函数?
$(document).ready(function(){
setTbody();
var Pageheight = document.documentElement.clientHeight;//页面的高度
var height = Pageheight-135;//135=数据操作区域的高度+thead的高度+分页区域的高度 (这三部分的高度都是不变的)
var oTable = $('#example').dataTable({
"bStateSave": false, //保存状态到cookie ******很重要 , 当搜索的时候页面一刷新会导致搜索的消失。使用这个属性设置为true就可避免了
"bPaginate": true,// 是否使用分页
"bProcessing": true, //是否显示正在处理的提示
"bLengthChange": false,//是否启用设置每页显示记录数
"iDisplayLength":100,//默认每页显示的记录数
"bFilter": true, //是否使用搜索
"bJQueryUI": true, //页面风格使用jQuery.
// "sScrollY": 200,//竖向滚动条 tbody区域的高度
"sScrollX": "100%",//横向滚动条
"sScrollXInner": "100%",
"bScrollCollapse": true,
"oLanguage": {//语言国际化
"sUrl": "<%=path %>/css/datatables/dt.txt"
},
"sPaginationType": "full_numbers",//分页样式
"bAutoWidth":true, //列的宽度会根据table的宽度自适应
"bSort": true,//是否使用排序
"aaSorting": [[ 0, "desc" ]],//默认按 第一列desc排序 这里以数组的形式表示 所以是序列是0
});