django-tables2：向表格添加滚动条答案

【问题标题】：django-tables2: Add scroll bar to tabledjango-tables2：向表格添加滚动条
【发布时间】：2013-12-20 17:02:53
【问题描述】：

我已经使用 django-tables2 创建了一个表：

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

在这个表格中，我注意到当任何给定的单元格包含太多字符时，列宽会自动扩大。这有时会扩展到浏览器的可视区域之外。我尝试通过修改django-tables2提供的默认screen.css文件来添加滚动条（添加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 表中实现滚动条的正确方法是什么？

【问题讨论】：

标签： python css django python-2.7 django-tables2

【解决方案1】：

经过反复试验，我找到了解决方案。我不得不修改 django-tables2 的默认 screen.css 文件中的以下条目：

div.table-container {
    display: inline-block;
    position:relative;
    overflow:auto;
}

我希望这个解决方案对其他人有所帮助。

【讨论】：