I am using Datatables (Jquery).
Using the code i am getting a horizontal Scroll bar above my footer of the table as in the Link :
JavaScript
x
4
1
"sScrollX": "100%",
2
"sScrollXInner": "120%",
3
"bScrollCollapse": true,
4
Now i want to get another Scroll Bar below the Header also. Help me out.
Advertisement
Answer
For this you have to add another container
which has a fixed width like 1000px
with overflow auto
. And if the content overflows
by 1000px
then you will able to show the scroller
in the container
Like:
CSS
.newcontainer{width:1000px;overflow:auto;}
HTML
JavaScript
1
4
1
<div class="newcontainer">
2
<!-- Your div having the datatable-->
3
</div>
4