Fixed table header row in bootstrap. Need to display header row always and added position: fixed css to the top row. First header row is displayed over to the first row in body. First header row is not having same width of body rows. Real Project table contains 25 columns and included bootstrap.The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables: This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. fixed table header twitter bootstrap
(table ' tbody tr: lastoftype b, c) var w (this). css('width'), i parseInt(a); (table ' thead tr w); ); Pretty much it's the JS that makes it work, the key is we have to set the header cells to the same width as the body.
I am trying to keep the header fixed and scroll the body part. But I am facing the problem regarding the width of table header. Is there any way to solve the problem without assigning the predefined Would be nice to have a simple way to have the headings of a table stay at the top of a table as you scroll the page. Think long list of employee data. Would be nice to have this integrated in so it's aware of the other fixed elements li fixed table header twitter bootstrap How to add a fixed header to your Twitter Bootstrap Table October 23rd, 2012 by admin Leave a reply The table styling in bootstrap is very nice, the biggest benefit being that it is responsive and works on all devices, all you have to do to make the columns disappear is to put a class of hiddenphone on the columns you want to hide.