如何在Bootstrap 4标签页中为表格设置固定/粘性表头

完全可以实现，你现有的写法基础上调整几个细节就可以生效：

你当前的代码有两个需要适配的点：

1. 页面顶部有固定定位的导航栏，表头如果直接吸顶会被导航栏遮挡，需要把sticky的top值调整为导航栏的高度
2. 要限制样式仅作用于标签页内的表格，避免影响页面上方的信息展示表格，同时提高层级避免被其他元素遮挡。

把你现有的CSS替换成以下代码即可：

.tab-pane .table thead th {
  background: #ffffff;
  position: sticky;
  /* 数值可根据你实际导航栏高度调整，Bootstrap4默认导航高度为56px */
  top: 56px;
  z-index: 1020;
  /* 解决粘性定位下边框显示异常的问题 */
  box-shadow: inset 0 -1px 0 #dee2e6;
}

额外注意事项：

• 不要给标签页容器、表格的父级元素设置overflow: hidden或者overflow: auto属性，否则sticky定位会失效
• 所有标签页内的表格都会自动适配这个效果，无需单独给每个标签页加额外样式
• 如果后续导航栏高度发生变化，同步调整top的数值即可

内容的提问来源于stack exchange，提问作者user982124