我有一个页面,该页面的顶部包含一些标题信息,而在其下方则包含一个表格。标头会展开onLoad,并且表格会设置为最大高度500px。默认情况下,此表将是可滚动的,并且其主题是粘性的。
但是,有一个选项可以折叠此标头div,然后将表的max-height设置为fit-content。现在,整个页面可以滚动,而不仅仅是表格。问题是,thead不再粘手。
$("#table").css({ "max-height": "500px" });
https://jsfiddle.net/3k2vnqyh/是一个简单的示例。请注意,滚动时thead是粘滞的,然后单击隐藏div并摆脱表格滚动并使页面可滚动的按钮,但也摆脱了粘滞thead。我只是想无条件地使thead保持粘性。我正在使用Chrome btw。
这似乎是一个热门话题。我试图通过使用使thead和“ thead的tds”具有粘性位置和其他属性的变体来使用CSS解决问题。但是没有骰子。我也在使用Bootstrap。
任何想法