Javascript 当表格适合内容时，粘贴标签

我有一个页面，上面有一些标题信息，下面有一个表格。收割台在加载时展开，表格的最大高度设置为500px。默认情况下，该表将可滚动，并且其thead是粘性的

但是，有一个选项可以折叠此标题div，然后设置表的最大高度以适合内容。现在，整个页面可以滚动，而不仅仅是表格。问题是，thead不再是粘性的

$("#table").css({ "max-height": "500px" });

这是一个简单的例子。请注意，滚动时，thead是粘性的，然后单击隐藏div的按钮，删除表的滚动，使页面可以滚动，但也可以删除粘性的thead。我只是想无条件地让thead保持粘性。顺便说一句，我用的是Chrome

这似乎是一个热门话题。我尝试用css解决这个问题，使用了一种变体，使thead和“thead的tds”具有粘性位置和其他属性。但是没有骰子。我也在用Bootstrap

---

你能补充一些想法吗？补充了一个关于我的问题的例子。我注意到为我的表移除溢出可以解决问题。但是，它对我的应用程序不起作用