隱藏列時調整n-child屬性

我們使用jQuery DataTable來顯示一些表數據。我們也在動態使用「顯示/隱藏列」選項https://datatables.net/examples/api/show_hide.html 隱藏列時調整n-child屬性

問題是我們使用CSS nth-child邏輯對齊/格式化某些列，但是當我們用jQuery隱藏列時，所有的nth-child邏輯現在被隱藏的列關閉。

請用see this jsFiddle來演示此問題。

有沒有辦法調整所有的nth-child css值？

2015-09-10 KPK

請在問題本身中包含您的代碼。有一個原因讓你直接鏈接到JSFiddle而不提供代碼，並且在代碼塊中放置「請參閱JSFiddle」以繞過Stack Overflow的規則。我冒昧地將您的問題中的JSFiddle鏈接註釋掉，並刪除僞代碼塊。 –

@JamesDonnelly，當問題足夠詳細時，在問題中發佈jsFiddle鏈接沒有任何問題，[證明]（http://meta.stackexchange.com/a/151616）。不建議將其作爲答案的唯一來源。 –

看到小提琴後，我不明白你爲什麼要使用'nth-child'選擇器，而不是一個簡單的類參考。 – davidkonrad

解決方案在此情況下，使用nth-child

避免。相反，將類名分配給columns.className的列，並改爲使用類名稱來定位特定列。

的JavaScript

var table = $('#example').DataTable({ 
    "columnDefs": [{ 
     "targets": 3, 
     "className": "col-age" 
    }] 
});

CSS

#example td.col-age { 
    text-align:right; 
}

DEMO

見代碼和演示。

2015-09-10 16:35:26

是的 - 並贊成爲「className」：「col-age」'，這是應該如何完成的。 – davidkonrad

回答