AngularJS或CSS - 与许多行和第一列固定的表的问题

我有一个表的第一列固定和水平滚动的其他列。我们与用于第一列的单元的特定的CSS类获得此，如下所示：AngularJS或CSS - 与许多行和第一列固定的表的问题

tr > th.fixed, td.fixed { 
    position:absolute; 
    width: 25em; 
    left: 3em; 
    top:auto; 
}

的HTML代码如下：

<div class="fm-list-container"> 
    <div class="table-responsive"> 
    <table class="table table-striped"> 
     ... 
    </table> 
    </div> 
</div>

我们设置溢出 - X：自动为内部div（“表响应”CSS类）和 overflow-y：可见为外部div（“fm-list-container”CSS类）。如果我们有许多行，水平滚动条显示在表格底部，因此它不可见。有没有办法让水平滚动条始终可见（第一列冻结）？我们试图设置内部div的 max-height，但该属性不适用于第一列。因此，第一列和其他列具有不同的垂直滚动。有没有解决方案？提前致谢。

来源

2016-11-08 Mattia Micomonaco

如果您使用的引导程序，它看起来像使用角度js版本 https://angular-ui.github.io/bootstrap/ 然后使用max-height应该工作。

来源

2016-11-08 16:28:24 user3244591

我不明白你的答案。你会使用一些引导组件而不是HTML表？ –

因此，不要在bootstrap网站中包含bootstrap.min.js。你需要下载并包含一个与网站上的角js一起工作的网站，否则，你会发现某些东西不能像你期望的那样工作。您还需要将其包含在您的模块中，如 angular.module（'myModule'，['ui.bootstrap']）; – user3244591

AngularJS或CSS - 与许多行和第一列固定的表的问题

回答

相关问题