как применить css к datatable scrollbar

Question

Я использую API-интерфейс для таблиц.

$('#datatable-example').dataTable({ 

    "scrollX": true, 
    "info" : false, 
    "fnDrawCallback" : function(oSettings) { 
      $('td').removeClass('sorting_1'); 
    } 
}); 

Я попытался извлечь класс данных прокрутки datatable и применить пользовательский css. Я также не нашел каких-либо конкретных CSS для прокрутки. Как применять стили к пользовательским полосам прокрутки?

Answer 1

Привет вы могли бы попробовать это для WebKit браузеров

body::-webkit-scrollbar { 
    width: 1em; 
} 

body::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 

body::-webkit-scrollbar-thumb { 
    background-color: darkgrey; 
    outline: 1px solid slategrey; 
} 

Answer 2

Вы можете использовать jScrollPane.

Вы можете использовать этот плагин после запуска Datatable и улучшить свои личные знания с помощью CSS

$('#datatable').dataTable({ 
    "fnInitComplete": function() { 
    $('#datatable').find('.dataTable_scrollbar').jScrollPane(); 
    }, 
    "sScrollY": "500px" 
});