html angular中的表中固定的标题和可滚动的主体

时间:2018-06-01 09:50:45

标签: html angular

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

2 个答案:

答案 0 :(得分:3)

嗯,要求似乎是你想要一个可滚动的表体。在这种情况下,不确定角度是否会使事情变得不同。 只是为了确定,如果符合此目的,请在https://jsfiddle.net/hh6etg6s/查看小提琴。

.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;
}

答案 1 :(得分:0)

在HTML中的单独div中有两个表实例。在顶部容器中,隐藏您的身体。在底部容器中隐藏标题。做到能见度:崩溃;

如果您需要隐藏滚动条:

Hide Scroll Bars