javascript - BootStrap Header Fixed -

please find below jsfiddle code -

http://jsfiddle.net/xf8hz/3/

in above code, when scroll, table header gets fixed top of page.

however have masterpage consumes top 50 px.

how can above code tweaked whenever page scrolled header of table should fixed @ 50px , not 0px.

from api can use offsettop: 50 in fixed header intitialization datatables plugin:

new $.fn.datatable.fixedheader(table, {     alwaysclonetop: true,     offsettop: 50 }); 

here's example:

http://jsfiddle.net/xf8hz/260/

hope helps!