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

我刚开始为我的一个项目使用django-tables2。除了一直困在我身上的一件事情之外，这一切都正常运行 - >在列标题中显示箭头图像，指出表格的排序方式（如果此时按该列排序）。Django tables2 - 在列标题中显示排序指示器箭头

我只是用无聊的默认{％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添加到适当的列标题？或者我坚持编辑tables2用于生成表格的table.html？

来源

2011-12-13 numegil

你可以这样说的：http://www.datatables.net/blog/Twitter_Bootstrap_2

其实从上面的后必须减少到3行CSS与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; }

来源

2013-05-01 03:26:31 iutinvg

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

回答

相关问题