Html 如何为引导表创建固定列标题？相同格式

我希望保持当前表的相同样式，并添加一个固定的标题。但是，我在修正标题时遇到了一些问题。此页面包含4个格式类似的表

.table-wrapper-2{
显示：块；
最大高度：300px；
溢出y：自动；
溢出-x：自动；
-ms溢出样式：-ms自动隐藏滚动条；
宽度：100%；
}

#
身份证件
第1列
第2列
第3列
第4列
{{i+1}}
{{id}
{{col1[i]}
{{col2[i]}
{{col3[i]}
{{col4[i]}

您可以查看内置的

sticky top

将类添加到

thead

的

tr

中的示例：

.table-wrapper-2{
显示：块；
最大高度：300px；
溢出y：自动；
溢出-x：自动；
-ms溢出样式：-ms自动隐藏滚动条；
宽度：100%；
}

#
身份证件
第1列
第2列
第3列
第4列
{{i+1}}
{{id}
{{col1[i]}
{{col2[i]}
{{col3[i]}
{{col4[i]}
{{i+1}}
{{id}
{{col1[i]}
{{col2[i]}
{{col3[i]}
{{col4[i]}
{{i+1}}
{{id}
{{col1[i]}
{{col2[i]}
{{col3[i]}
{{col4[i]}
{{i+1}}
{{id}
{{col1[i]}
{{col2[i]}
{{col3[i]}
{{col4[i]}
{{i+1}}
{{id}
{{col1[i]}
{{col2[i]}
{{col3[i]}
{{col4[i]}
{{i+1}}
{{id}
{{col1[i]}
{{col2[i]}
{{col3[i]}
{{col4[i]}
{{i+1}}
{{id}
{{col1[i]}
{{col2[i]}
{{col3[i]}
{{col4[i]}
{{i+1}}
{{id}
{{col1[i]}
{{col2[i]}
{{col3[i]}
{{col4[i]}
{{i+1}}
{{id}
{{col1[i]}
{{col2[i]}
{{col3[i]}
{{col4[i]}
{{i+1}}
{{id}
{{col1[i]}
{{col2[i]}
{{col3[i]}
{{col4[i]}
{{i+1}}
{{id}
{{col1[i]}
{{col2[i]}
{{col3[i]}
{{col4[i]}