DataTable: удалить все горизонтальные границы

Как убрать все горизонтальные границы до четного / нечетного затенения?

введите описание изображения здесь

https://datatables.net/examples/styling/stripe.html

введите описание изображения здесь

Это не работает

table.dataTable.row-border tbody th, 
table.dataTable.row-border tbody td, 
table.dataTable.display tbody th, 
table.dataTable.display tbody td {
  border: none;
}

Я также хотел бы удалить верхнюю и нижнюю черные границы. Это, кажется, не имеет никакого эффекта.

table.dataTable thead th {
  border-bottom: 0;
  border-style: none;
}
table.dataTable tfoot th {
  border-top: 0;
  border-style: none;
}
table.dataTable .no-footer {
  border-bottom: 0;
}

2 ответа

Решение

Вы можете использовать следующий код для удаления всех горизонтальных границ до четного / нечетного затенения:

datatable(mtcars[1:3,1:3], class = 'stripe')

введите описание изображения здесь

Вы можете удалить верхнюю границу и нижнюю границу следующим образом:

datatable(head(iris), 
          options=list(headerCallback = JS(
            "function( thead, data, start, end, display ) {
            $(thead).closest('thead').find('th').each(function(){
              $(this).css('color', 'red').css('border','none');
            });
            }"
            ),
            initComplete = JS(
            "function(settings) {
            var table = settings.oInstance.api(); 
            $(table.table().node()).removeClass('no-footer');
            }"))) 
Другие вопросы по тегам