How to Put Scrollbar Inside Tbody

piyush3pranjal

Hello Datatable Community,

Need your help on something I am figuring out from few days and unable to do that.
I have tried multiple things, used multiple jquery plugins and many github libraries to achieve the desired result but unfortunately now I am lost.

Please help me!!!

This is the Jsfiddle -
https://jsfiddle.net/piyushpranjal/tkzd6a0g/4/

This is what I am trying to achieve-
https://i.stack.imgur.com/mvYi0.png

Any sort of help is truly appreciated, thanks in advance.

kthorngren

Looks like you need to add the Datatables CSS files:

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.11.3/sc-2.0.5/datatables.min.css"/>

Updated example:
https://jsfiddle.net/08e6x4s1/

Open the datatables.min.js CDN and you will see a link to update the libraries. Open the link to get the CSS.

Kevin

piyush3pranjal

Thanks kthorngren@ for your time but i am using my own css here so don't want to use datatables css. That will increase the file size as well as after applying that css file the issue still persist.