数据表多列排序-规格要求的帮助

Question

这是我第一次尝试做一个可数据的多列排序，我只需要一些关于我指定的内容是否会按照我希望的方式工作的帮助。

我有下表。

​

​

我想要的是数据：

• 按第三列(康涅狄格)命令进行排序，并随后进行第二次排序。如果第三列是可排序的，则不需要应用为后续列指定的排序规则。
• 如果第三列具有所有相同的值，因此不能应用排序，那么我希望它按照第5列(mdi)进行排序，然后再进行第二次排序。如果第五列是可排序的，则不需要应用为后续列指定的排序规则。
• 如果第五列具有所有相同的值，因此不能应用排序，我希望它按照第7 (DSM)列进行排序，然后再进行第二天排序。如果第七列是可排序的，则不需要应用为后续列指定的排序规则。
• 如果第七列具有所有相同的值，因此不能应用排序，那么我希望它按照第1列(SiteId)进行排序。

到目前为止，这是我尝试过的，但如果可能的话，我希望得到一些帮助。另外，如何指定排序的desc部分(目前我只能计算asc )。

  $("#storeHealthTbl").dataTable ({
      "bSort": true,
      "bLengthChange": false,
      "bPaginate": false,
      "aoColumnDefs": [ {
          "aTargets": [ 2 ],
          "sType": "string",
          "aDataSort": [ 2, 4, 6 ] /* Want 2,4,6 to be desc but don't know how*/
      }, {
          "aTargets": [ 4 ],
          "sType": "string",
          "aDataSort": [ 4, 6 ] /* Want 4,6 to be desc but don't know how*/
      }, {
          "aTargets": [ 6 ],
          "sType": "string",
          "aDataSort": [ 6 ] /* Want 6 to be desc but don't know how*/
      }, {
          "aTargets": [ 0 ],
          "sType": "numeric",
          "aDataSort": [ 0 ] /* This one is asc */
      }, ]
  });

我还应该指出，其中包含图像的列在某些时候将具有字母"X“，因此，我希望这类列能够工作。如果没有"X“并且它们都是绿色图像(即不是alpha字符)，那么我想跳到我指定的下一个类型。

希望这是有意义的。

我使用的是数据表1.9.4。

谢谢

Answer 1

我找不到任何内置的功能来完成这个级别的条件排序。如果您不介意使用类似于锤子的编程工具，那么下面的代码应该可以做到这一点。

请注意，我可能没有您想要的排序顺序，但是您可以很容易地更改它。

这是一个工作小提琴

// function to check our conditions and set the proper sort order
function getSortOrder(sortCols, sortVars) {
    var set = false;
    // loop through our array of columns to check
    $.each(sortCols, function(ind, elm) {
        // create a var to hold the value in this column on the first row
        var firstVal;
        // loop through each row
        $("#datatable").find('tr').each(function(tri, tre) {
            // stop checking if we already found a column with different values
            if (!set) {
                // otherwise, et get the value in this column on this row
                var curCellVal = $(this).find('td').eq(sortCols[ind]).text();
                // row 0 is a header row, do nothing 
                if (tri == 0) { 
                } else if (tri == 1) { // for first actual row, set `firstVal` to its value
                    firstVal = curCellVal;
                } else { // if after first row, check current row's cell value against 'firstVal'
                    // if the values are different, this column can be sorted, 
                    if (curCellVal != firstVal) {
                        // flag as set so the function stops looking
                        // this could probably be done better
                        set = true; 
                         // initialize datatable with the sort order at the current index of `sortVars`
                        initDTWithSortOrder(sortVars[ind]);
                    }
                }
            }
        });
    });
    // default initialization if not caught by our function
    var datatable = set ? null : $("#datatable").dataTable(); 
};
// `getSortOrder()` takes two parameters
// parameter 1: array: columns to check
// parameter 2: array: sort values (each being a  muti-dimensional array: [column, direction] )
getSortOrder([2, 6, 8, 0], [
    [[2, 'desc'],[4, 'desc'],[6, 'desc']], // sort order to use is column 3 is not all the same value
    [[4, 'desc'],[6, 'desc']],             // sort order to use is column 7 is not all the same value
    [[8, 'desc']],                         // sort order to use is column 9 is not all the same value
    [[0, 'asc']],                          // sort order to use is column 1 is not all the same value
]);

function initDTWithSortOrder(sortOrder) {
    $("#datatable").dataTable({
        "bSort": true,
        "bLengthChange": false,
        "bPaginate": false,
        "aaSorting": sortOrder
    });
}