固定ヘッダー、水平スクロール、および動的列幅を持つhtmlテーブル

Question

固定ヘッダー、動的列幅、および水平スクロールを使用してhtmlテーブルを作成しようとしています。既に利用可能なオプションはたくさんありますが、それぞれには要件の一部が欠落しているか、欠落しています。

ご協力いただければ幸いです。

Answer 1

@ashish - 動的な幅のアスペクトではあまり確かではありませんが、他の懸案事項で正しい方向に向けることができます。そのように、あなたのHTMLでテーブルを囲んでのコンテナのdivを追加してみてください、水平スクロールのために

.th { position: fixed; } 

：限りヘッダーとして、このような何かをしようと

<div style="overflow-x:auto;"> 

    <table> 
    ... table content ... 
    </table> 

</div> 

は、この情報がお役に立てば幸い！