Html 如何使引导“表格边框”固定标题和滚动体？

我正在尝试固定表格标题并滚动正文，我使用了下面的CSS。但这会破坏表的布局。标题列的宽度与正文列的宽度不同。我怎样才能避免这个问题

#tblLocations thead, tbody {
    display: block;
}

#tblLocations tbody{   
   max-height: 290px;
   overflow-y:scroll;
}

---

请尝试以下示例：固定表和可滚动体

1.固定床头{ 溢出y：自动； 高度：200px； } .桌头固定桌{ 边界塌陷：塌陷； 宽度：100%； } .床头固定装置， .固定头td{ 填充：8px 16px； } .床头固定器{ 位置：粘性； 排名：0； 背景：eee； } 姓 要点 所容纳之物 史密斯 50 Lorem Ipsum只是印刷和排版行业的虚拟文本。 杰克逊 94 自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本 史密斯 50 Lorem Ipsum只是印刷和排版行业的虚拟文本。 杰克逊 94 自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本 史密斯 50 Lorem Ipsum只是印刷和排版行业的虚拟文本。 杰克逊 94 自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本 你试过这个吗==>