Кнопки сортировки с данными в jquery недоступны в столбце заголовка

Question

Я использую два набора заголовков таблицы в соответствии с условием. Jquery сортировка применяется только для одного набора заголовков.

например: если пользователь выберет тип отчета 1 - отобразится один набор заголовков таблицы, а если пользователь выберет тип 2 - другой набор заголовка столбца будет отображаться

но сортировка доступна только для одного набора заголовков

var InspectionType = $("#InspectionType").val();

if (InspectionType == 0) {
  oTable = $('#PerformanceTableView').dataTable({
    "bJQueryUI": false,
    "bServerSide": true,
    //                "bProcessing": true,
    "bDestroy": true,
    "aaSorting": [
      [0, 'desc']
    ],
    "sPaginationType": "full_numbers",
    "oLanguage": {
      "sEmptyTable": "<%: Resources.info_gen_norecordsavailable %>"
    },
    "sAjaxSource": actionUrl2,
    "fnServerParams": function(aoData) {
      aoData.push({
        "name": "DateFrom",
        "value": DateFrom
      });
      aoData.push({
        "name": "DateTo",
        "value": DateTo
      });
      aoData.push({
        "name": "RegionName",
        "value": RegionName
      });
      aoData.push({
        "name": "Name",
        "value": Name
      });
      aoData.push({
        "name": "InspectionType",
        "value": InspectionType
      });
    },
    "aoColumns": [{
        "sName": "Job No",
        "bSearchable": true,
        "bSortable": true
      },
      {
        "sName": "Vehicle No",
        "bSearchable": true,
        "bSortable": true
      },
      {
        "sName": "TO Code",
        "bSearchable": true,
        "bSortable": true
      },
      {
        "sName": "EPF NO",
        "bSearchable": true,
        "bSortable": true
      },
      {
        "sName": "Assigned Date",
        "bSearchable": true,
        "bSortable": true
      },
    ]
  });

} else {
  oTable = $('#PerformanceTableView').dataTable({
    "bJQueryUI": false,
    "bServerSide": true,
    //                "bProcessing": true,
    "bDestroy": true,
    "aaSorting": [
      [0, 'desc']
    ],
    "sPaginationType": "full_numbers",
    "oLanguage": {
      "sEmptyTable": "<%: Resources.info_gen_norecordsavailable %>"
    },
    "sAjaxSource": actionUrl2,
    "fnServerParams": function(aoData) {
      aoData.push({
        "name": "DateFrom",
        "value": DateFrom
      });
      aoData.push({
        "name": "DateTo",
        "value": DateTo
      });
      aoData.push({
        "name": "RegionName",
        "value": RegionName
      });
      aoData.push({
        "name": "Name",
        "value": Name
      });
      aoData.push({
        "name": "InspectionType",
        "value": InspectionType
      });
    },
    "aoColumns": [{
        "sName": "Job No",
        "bSearchable": true,
        "bSortable": true
      },
      {
        "sName": "Vehicle No",
        "bSearchable": true,
        "bSortable": true
      },
      {
        "sName": "TO Code",
        "bSearchable": true,
        "bSortable": true
      },
      {
        "sName": "EPF NO",
        "bSearchable": true,
        "bSortable": true
      },
      {
        "sName": "Visited Date",
        "bSearchable": true,
        "bSortable": true
      },
    ]
  });
}

Answer 1

DataTables позволяет упорядочивать по нескольким столбцам одновременно, что можно активировать несколькими различными способами:

Сдвиг пользователя при щелчке по столбцу (добавленный столбец, выбранный как вторичный, третичный)и т. д. столбец заказа).

По каждому столбцу (т. е. порядок по определенному столбцу, а затем по второму столбцу, если данные в первом столбце идентичны), через параметр columns.orderData.Использование параметра columns.orderData для указания порядка нескольких столбцов по умолчанию (например, [0, 1]).

С помощью метода API order ().

Обратите внимание, что возможность дляпользователь, чтобы сместить щелчок, чтобы упорядочить несколько столбцов, может быть отключен с помощью опции orderMulti.

В приведенном ниже примере показан первый столбец, имеющий вторичный порядок, примененный ко второму столбцу таблицы, и наоборот длявторой столбец привязан непосредственно к первому, а столбец зарплаты - к первому столбцу имени.

https://datatables.net/examples/basic_init/multi_col_sort.html