Answers

• allan Posts: 63,498Questions: 1Answers: 10,470 Site admin

  December 2014

  The scrollbars are provided by the web-browser (and therefore most likely by the OS) and not in any way by DataTables.

  Some browsers let you style the scrollbars using CSS (Webkit, Blink and IE browsers I think) but the CSS options vary significantly. Probably best to Google for how to style scrollbars, since it isn't really a DataTables issue.

  Allan
• eatyourgreens Posts: 3Questions: 1Answers: 0

  December 2014

  Thanks, I kind of figured as such but am trying to work out which element i need to set the scroll bar style on. If I do a simple example with a standard html table I can style the scrollbars just fine. It is only when i use a datatable that whatever i try the scrollbar style seems to return to the default
• allan Posts: 63,498Questions: 1Answers: 10,470 Site admin

  December 2014

  div.dataTables_scrollBody is the element that scrolls in a DataTable.

  Allan
• eatyourgreens Posts: 3Questions: 1Answers: 0

  December 2014

  Got it working. I needed this callback:

          "initComplete": function(settings, json) {
              $('body').find('.dataTables_scrollBody').addClass("scrollbar");
          },
  

  and this css:

  .scrollbar::-webkit-scrollbar
  {
      width: 6px;
      background-color: #000000;
  }
  
  .scrollbar::-webkit-scrollbar-thumb
  {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
      background-color: #FFFFFF;
  }
  

  Many thanks