Datatables 是否可以按分组列标题对jquery datatable排序。如果是,从哪里开始?

Datatables 是否可以按分组列标题对jquery datatable排序。如果是,从哪里开始?,datatables,Datatables,class='sorting'我有一个表,我在标记中添加了一个额外的行,用于指示下面列的分组 我想按分组行(顶行)添加排序,例如,当单击“Group 1”时,它会按该组下的列对表进行排序(例如,col1、col2,然后按col3) 我甚至不确定这在数据表中是否是可能的。我更愿意避免jquery攻击。我的搜索只生成了行分组的结果 datatables版本:1.10.0-beta.1 jsfiddle: 第一组 第2组 第3组 未分组 第1列 第2列 第3列 第4列 第5列 第6栏 第7栏 第8栏

class='sorting'我有一个表,我在标记中添加了一个额外的行,用于指示下面列的分组

我想按分组行(顶行)添加排序,例如,当单击“Group 1”时,它会按该组下的列对表进行排序(例如,col1、col2,然后按col3)

我甚至不确定这在数据表中是否是可能的。我更愿意避免jquery攻击。我的搜索只生成了行分组的结果

datatables版本:1.10.0-beta.1

jsfiddle:


第一组
第2组
第3组
未分组
第1列
第2列
第3列
第4列
第5列
第6栏
第7栏
第8栏
字符串值1
字符串值2
字符串值2
下面是js

var dt = $('#example').DataTable(dtOptions);

var dtOptions = {
  "dom": '<"clearfix"><"pull-left"l><"pull-right"Bf>r<"horizontal-scroll"t><"pull-left"i><"pull-right"p><"clearfix">',
  "order": [],
  "columnDefs": [{
    "targets": [0],
    "visible": true,
    "searchable": true
  }],
  "aoColumns": [
    null, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }
  ]
}
var dt=$('#示例')。数据表(dtOptions);
变量dtOptions={
“dom”:“r”,
“订单”:[],
“columnDefs”:[{
“目标”:[0],
“可见”:真实,
“可搜索”:真
}],
“aoColumns”:[
空{
“订单顺序”:[“描述”、“asc”]
}, {
“订单顺序”:[“描述”、“asc”]
}, {
“订单顺序”:[“描述”、“asc”]
}, {
“订单顺序”:[“描述”、“asc”]
}, {
“订单顺序”:[“描述”、“asc”]
}, {
“订单顺序”:[“描述”、“asc”]
}, {
“订单顺序”:[“描述”、“asc”]
}, {
“订单顺序”:[“描述”、“asc”]
}
]
}

如果我理解正确,这是很有可能的。我现在没有时间创建演示:(我已经查看了与多列相关的参考部分和排序,但这对我没有帮助。这里是一个快速演示:。有许多改进需要进行,但它显示了想法。如果我理解正确,这是很有可能的。我现在没有时间创建演示:(我已经查看了与多列相关的参考部分和排序,但这对我没有帮助。下面是一个快速演示:。有许多改进需要改进,但它展示了这个想法。
var dt = $('#example').DataTable(dtOptions);

var dtOptions = {
  "dom": '<"clearfix"><"pull-left"l><"pull-right"Bf>r<"horizontal-scroll"t><"pull-left"i><"pull-right"p><"clearfix">',
  "order": [],
  "columnDefs": [{
    "targets": [0],
    "visible": true,
    "searchable": true
  }],
  "aoColumns": [
    null, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }, {
      "orderSequence": ["desc", "asc"]
    }
  ]
}