CODEWITHSUNDEEP
javascriptjqueryhtmlcss
Avinash
Avinash

Reputation: 2183

Scroll HTML table horizontally and vertically while left column is fixed and header is fixed for vertical scrolling

Scroll HTML table horizontal and vertical while left column is fixed

From the above thread I am able to scroll an HTML table horizontally and vertically while the left column is fixed but I want to fix the vertical scrolling of the header.

The HTML table that I'd like to have:

I have used a Jquery DataTable which is working great but I also want to hide and show some of the columns. But this jQuery Datatable has a performance issue if we have too many rows and too many columns (which we want hide and show).

Can we solve this problem using HTML, CSS, jQuery and Javascript

Could any one please help me on this?

Upvotes: 1

Views: 186

Answers (1)

Anagha
Anagha

Reputation: 136

you can you the below code 

$(document).ready( function () {
$('#myTable').DataTable( {
    fixedHeader: true
} );
} );

And can download the related files from https://github.com/DataTables/FixedHeader

Upvotes: 0

Related Questions