桌子适合时的粘帖

时间:2019-12-11 17:06:17

标签: javascript html css twitter-bootstrap html-table

我有一个页面,该页面的顶部包含一些标题信息,而在其下方则包含一个表格。标头会展开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。

任何想法

0 个答案:

没有答案