Фиксация нескольких столбцов в dataTable

Question

Я использую DataTables 1.10.0, и мне нужно исправить некоторые столбцы таблицы, как на изображении.

Как и в документации DataTables для таблицы с FixedColumns, я попытался следующий код:

$(document).ready(function() { 
    var table = $('#mytable').dataTable({ 
     "iDisplayLength": 10, 
     "ordering": false, 
     "scrollY": "300px", 
     "scrollX": "100%", 
     "scrollCollapse": true, 
    }); 
    new $.fn.dataTable.FixedColumns(table); 
}); 

Это только фиксирует S.No. столбец для таблицы на изображении. Как я могу исправить первые три столбца слева, для моего конкретного случая S.No., Action и Status. Любая помощь будет принята с благодарностью. Благодарю.

Answer 1

Используйте параметр leftColumns. См. Пример multiple fixed columns в документации.

new $.fn.dataTable.FixedColumns(table, { 
    leftColumns: 3 
});