cssStickyHeaders not attached to div

[luchopb]

Hello,

My webpage has a bootstrap navbar fixed to top, and when I use stickyheaders they are behind the navbar, I want them to be under de navbar but I can't do it. I set the option cssStickyHeaders_attachTo : '.navbar', but still not working...

Someone please can explain to me how it works?

[Mottie]

Hi @luchopb!

Please modify this demo to help me troubleshoot the problem.

[Mottie]

Oh, I think I understand... set the cssStickyHeaders_offset option - demo

$(function () {
	$('table').tablesorter({
		theme: 'bootstrap',
		headerTemplate: '{content}{icon}',
		widgets: ['zebra', 'cssStickyHeaders', 'uitheme'],
		widgetOptions: {
      cssStickyHeaders_offset: $('.navbar').height(),
			cssStickyHeaders_attachTo: null
		}
	}).tablesorterPager({
		container: $('.ts-pager'),
	});
});

[Mottie]

I'm guessing this issue has been resolved, so I'm going to close it. If you continue to have problems, please feel free to continue the discussion in this thread.

[luchopb]

Yes, thank you so much for your help. It worked!!