2015-10-15 3 views
0

Как удалить столбец, используя имя класса в jQuery DataTables?Удалить столбец, используя имя класса в jQuery DataTables

Мой код выглядит так: http://jsfiddle.net/oscar11/ebRXw/801/

$(document).ready(function() { 
    $('#example').DataTable({ 
     "responsive": true, 
     "aoColumnDefs": [ 
      { 

       "className": 'never', 
       "targets": 1 
      } 
      ] 
    }); 
}); 

Но первый столбец не удаляется.

ответ

2

РЕШЕНИЕ

Использовать имя класса, назначенного th элемента в заголовке таблицы (col-hide в моем примере) в targets (без ведущей точки .) для таргетинга на определенные столбцы и visible, чтобы эти столбцы были скрыты.

"columnDefs": [ 
    { targets: "col-hide", visible: false } 
] 

Например:

$('#example').DataTable({ 
    "responsive": true, 
    "columnDefs": [ 
     { targets: "col-hide", visible: false } 
    ] 
}); 

DEMO

См this jsFiddle для кода и демонстрации.

+0

Большое спасибо Gyrocode.com –

+0

@mosestoh, рад помочь. Если вы просто хотите скрыть второй столбец, вы могли бы вместо этого использовать 'columnDefs: [{target: 1, visible: false}]' вместо него. –

+0

Okey Grycode.com. Спасибо. Ты мне очень помог. Я все еще новичок. Мне еще нужно многому научиться. –

1

Вы можете использовать display:none; с добавленным классом, чтобы скрыть целевой столбец как

.never { 
    display:none; 
} 

http://jsfiddle.net/ebRXw/803/

+0

Большое спасибо –

Смежные вопросы