html - 在 html Angular 表中固定标题和可滚动主体

Question

在 Angular 中我有一个表格，它应该是可滚动的。但标题应该是固定的。但是滚动标题不固定。请帮忙

Answer 1

嗯，要求似乎是你想要一个可滚动的表体。不确定在这种情况下 Angular 是否能让事情有所不同。可以肯定的是，请参阅 https://jsfiddle.net/hh6etg6s/ 处的 fiddle 。如果这能达到目的。

.tablediv {
  padding:20px;
}
table ,tr td{
    border:1px solid red
}
tbody {
    display:block;
    height:200px;
    overflow:auto;
}
thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
}
thead {
    width: calc( 100% - 1em )/* scrollbar is average 1em/16px width, remove it from thead width */
}
table {
    width:400px;
}