隐藏列时调整nth-子属性
隐藏列时调整nth-子属性
提问于 2015-09-10 15:39:54
我们使用jQuery DataTables显示一些表数据。我们还动态地使用“显示/隐藏列”选项(hide.html)
问题是我们使用CSS nth-child逻辑对齐/格式化某些列，但是当我们用jQuery隐藏列时，所有nth-child逻辑现在都被隐藏的列关闭。
请参见此jsFiddle来演示这个问题。
有办法调整所有的nth-child css值吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-09-10 16:35:26
溶液
避免在这种情况下使用nth-child。相反，使用columns.className为列分配类名，而使用类名指定特定的列。
JavaScript
var table = $('#example').DataTable( {
"columnDefs": [{
"targets": 3,
"className": "col-age"
}]
} );CSS
#example td.col-age {
text-align:right;
}演示
有关代码和演示，请参见更新的jsFiddle。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32506212
复制相关文章
相似问题
腾讯云开发者
