How to create a resizable table in html with scrollbars using jQuery?

html, html-table, jquery, resizable, scrollbar

Solution

www.tablefixedheader.com

Just create a basic valid HTML like the example below. But note that the hierarchy must be :

 - table > thead > tr > th
 - table > tbody > tr > td

Example for re-sizable cols

    $('#4').fixheadertable({ 
    caption     : 'My employees', 
    colratio    : [50, 150, 150, 150, 220, 150], 
    height      : 200, 
    width       : 800, 
    zebra       : true,
    resizeCol   : true,
    minColWidth : 50 
});

Problem

I want to create a table in HTML which is having resizable columns. I also want scrollbars to table but header of table should remain fixed while scrolling. Please help.

Original source