如何使用Javascript或jQuery在表中添加Horizo​​ntal scrolling属性

Question

I am doing a site in PHP, I have to display the data in table, I can't display whole data on that table since the table is large and my div is so small, so I decided to add a scroller in left side and right side of table. I have added the image of table. How can I scroll the table using Javascript or jQuery?

Any help will be appreciated.

Answer 1

I guess you could use the scroll in css like this:

overflow-x: scroll;

Check here for a demo

Or you could use the Tiny Scrollbar Plugin in Jquery.