TableSorter 2.0 Plugin - Enable Table scroll

jquery css tablesorter
Jake picture Jake · Jan 21, 2010 · Viewed 8.9k times · Source

I am using the Tablesorter plugin and it works great. Currently, I achieve table scrolling using a div wrapper. Is it possible to make the table scroll, keeping the headers visible while scrolling and not using any divs?

Answer

graphicdivine picture graphicdivine · Jan 22, 2010

Try this CSS, adjusting the height to suit:

tbody{height: 4em; overflow: scroll}

Example: http://jsbin.com/ofice

Related questions

Table sorting in twitter bootstrap 3.1.1

<div class="table-responsive"> <table class="table table-hover gradienttable"> <thead> <tr> <th>Id</th> <th>State</th> <th>Sub State</th> &…

Read More
tablesorter doesn't show up and down arrows

I am trying to use the JQuery tablesoter plugin but when it comes to show the arrows it doesn't show either down or up arrow when I sort descending or ascending order. It always shows up and down arrow (unsorted …

Read More
TableSorter: How can I change the position of sorting arrows

I'm implementing jquery's tablesorter. I need to change the sorting arrows position with respect to the title of the column. Here is what I've done so far: table.tablesorter thead tr .header { background-image: url(bg.gif); background-repeat: no-repeat; background-position: 80% 70%; cursor: …

Read More