如何将css应用于数据表滚动条

Question

我对表使用datatable API。

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

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

我尝试提取数据表滚动条类并应用自定义css。我没有找到任何特定的CSS也用于滚动条。如何将样式应用于自定义滚动条？

Answer 1

您可以使用jScrollPane。

您可以在运行Datatable后使用此插件，并使用CSS

提高您的个人知识

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

Answer 2

您好，您可以尝试使用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;
}