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

Question

我使用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表中实现滚动条的正确方法是什么？

Answer 1

我在经过一些试验和错误后找到了解决方案。我不得不在django-tables2的默认screen.css文件中修改以下条目：

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

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