1

django-tables2 を使用してテーブルを作成しました。

class MyTable(tables.Table):
    class Meta:
        model = TestModel
        attrs = {"class": "paleblue"}

この表では、特定のセルに含まれる文字が多すぎると、列幅が自動的に拡張されることに気付きました。これは、ブラウザの表示可能領域の外に拡大することがあります。screen.cssdjango-tables2 が提供するデフォルト ファイルを変更して、スクロール バーを追加しようとしました(追加overflow: scroll):

table.paleblue + ul.pagination {
    background: white url(../img/pagination-bg.gif) left 180% repeat-x;
    overflow: scroll;
    margin: 0;
    padding: 10px;
    border: 1px solid #DDD;
    list-style: none;
}

これによりスクロール バーが追加されますが、スクロール バーの右側がテーブルと共に拡張されます。したがって、スクロールバーの右半分が見えません。また、クリックする「バー」がないため、スクロール バーが「アクティブ」に見えません。

django-tables2テーブル内にスクロールバーを実装する正しい方法は何ですか?

4

1 に答える 1