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 - 與許多行和第一列固定的表的問題

回答

相關問題