html - HTML テーブルのフローティング水平バー

Question

HTML テーブルの列の数が非常に多く、これらの要素を表示するにはスクロールしなければなりません。

以下のdiv内にhtmlテーブルを囲んでみました。

div.scroll
{
overflow:scroll;
}

しかし、問題は、スクロールバーがテーブルの一番下に表示され、テーブルの一番下までスクロールして、必要な行に戻って表示する必要があることです。

最初の行と最初の列からスクロールできるように、[水平と垂直の両方の] スクロールバーをフローティングさせたいです。[このデモに似ています: http://www.matts411.com/static/demos/grid /index.html ] .

サードパーティのライブラリを使用したくありません。これは可能ですか？

score 1 · Accepted Answer

囲みの高さと幅を常に設定しdivてスクロール効果を取得し、displayプロパティをに設定blockして、スクロールバーが div の下 (テーブルの下ではなく) になるようにします。

div.scroll{  
display:block;  
height:400px;  
overflow:auto;  
}

score -1 · Accepted Answer

このデモをご覧ください。テーブルをdiv内に配置すると、テーブルの下部にスクロールバーが表示されなくなります。

このようにdivのmax-heightとmax-widthを使用します

.simple{
overflow: auto;
max-width: 200px;
max-height: 180px;
}

2 に答える 2