如何在 HTML 中冻结嵌套/复杂表的标题

Question

我有以下复杂/嵌套的 HTML 表（我正在开发 Asp.net mvc 应用程序），

Table where I want to freeze header (click to view)

我想在滚动时冻结此表的标题。

由于表格在标题和表格正文中包含奇偶数列，我无法在给定列上应用数据表。 我也尝试了 jquery 代码，但没有成功。

请建议我如何冻结此表头，或者有什么其他方法可以用来实现这种表。

这种表格可以用剑道网格ui吗？

请推荐，

提前致谢

Answer 1

我希望以下其中一项对您的要求有所帮助。

How to stick table header(thead) on top while scrolling down the table rows with fixed header(navbar) in bootstrap?

CSS-Only Sticky Table Headers In Chrome

谢谢。