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 - 在列標題中顯示排序指示器箭頭

回答

相關問題