AngularJSまたはCSS - 多くの行と最初の列が固定されたテーブルでの問題

Question

他の列の最初の列が固定され、水平スクロールされた表があります。

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

我々は、オーバーフロー-X設定：自動

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

HTMLコードは、以下である：以下に示すよう 我々は、最初の列のセルのための特定のCSSクラスでこれを取得しました外部div（ "fm-list-container" CSSクラス）の内部div（ "表応答" CSSクラス）と overflow-yのが表示されます。 多くの行がある場合、水平スクロールバーは表の下に表示されるため、表示されません。水平スクロールバーが常に表示されるようにする方法はありますか？ 内部divの最大高さを設定しようとしましたが、このプロパティは最初の列には適用されません。したがって、第1の列および他の列は異なる垂直スクロールを有する。 解決策はありますか？前もって感謝します。

Answer 1

角度のjsバージョンを使用しているようなブートストラップを使用している場合 https://angular-ui.github.io/bootstrap/ 次に、max-heightを使用すると効果があります。