Question

我刚开始使用django-tables2作为我的一个项目。这一切都很好，除了我一直坚持的一件事 - ＆gt;获取箭头图像以显示在列标题中，指示表的排序方式（如果此时按该列排序）。

我只是使用枯燥的默认{％render_table table％}来渲染表，所以我没有直接访问它吐出的HTML，我真的不想重写整个事情只是添加箭头。

我已经尝试通过CSS添加它们，我已经非常接近它的工作，但不能完全达到我想要的地方。我已将其添加到我的样式表中：

th.asc {
    background: url("arrow-up.gif/") no-repeat scroll right 0.4em transparent;
}

th.desc {
    background: url("arrow-down.gif/") no-repeat scroll right 0.4em transparent;
}

它显示右侧标题和右侧方向的箭头，但箭头位于列标题右侧，远远超出文本。由于列标题名称的长度可变，因此我无法知道为每个不同的列标题设置0.4值。而且我不能将它设置在文本的左侧，因为那将在th标签之外，并且背景图像根本不显示。

是否有一种简单的方法可以将自定义HTML添加到相应的列标题中？或者我是否仍在编辑table2用于生成表的table.html？

Answer 1

您可以阅读：http://www.datatables.net/blog/Twitter_Bootstrap_2

实际上上面帖子中的CSS必须减少到3行才能与django_tables2一起使用：

table.table thead th.sortable { background: url('../img/sort_both.png') no-repeat center right; }
table.table thead th.asc { background: url('../img/sort_asc.png') no-repeat center right; }
table.table thead th.desc { background: url('../img/sort_desc.png') no-repeat center right; }

Django tables2 - 在列标题中显示排序指示箭头

1 个答案: