数据表向过滤器添加类 [英] datatables add class to filters
问题描述
我目前正在寻找一种向 jQuery 数据表过滤器(每页记录数和搜索)添加额外自定义类的方法
这些项目呈现如下:
<标签><select size="1" name="DataTables_Table_0_length"aria-controls="DataTables_Table_0"><option value="10" selected="selected">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></选择>每页记录标签>
和
<标签>搜索:<input type="text" aria-controls="DataTables_Table_0">标签>
有谁知道我怎样才能最好地为每个人添加一个额外的类?一些建议会像往常一样非常感谢.
查看 http://legacy.datatables.net/styling/custom_classes.DataTables 有一种稍微复杂的方法来覆盖一些核心元素的 CSS 类.这是一种方法
$(document).ready(function() {var 扩展 = {"sFilter": "dataTables_filter custom_filter_class","sLength": "dataTables_length custom_length_class"}//当 bJQueryUI 为 false 时使用$.extend($.fn.dataTableExt.oStdClasses, 扩展);//当 bJQueryUI 为真时使用$.extend($.fn.dataTableExt.oJUIClasses, 扩展);$('#example').dataTable();});
在这里查看一个工作示例:http://jsfiddle.net/k2ava/3/.
I am currently seeking a method to add an additional custom class to the jQuery datatables filters (Records per page and Search)
These items render as follow:
<div id="DataTables_Table_0_length" class="dataTables_length">
<label>
<select size="1" name="DataTables_Table_0_length"
aria-controls="DataTables_Table_0">
<option value="10" selected="selected">10</option>
<option value="25">25</option><option value="50">50</option>
<option value="100">100</option>
</select>
records per page
</label>
</div>
and
<div class="dataTables_filter" id="DataTables_Table_0_filter">
<label>
Search: <input type="text" aria-controls="DataTables_Table_0">
</label>
</div>
Does anyone know how I can best add an additional class to each of them? Some advise would be as usual very much appreciated.
Check out http://legacy.datatables.net/styling/custom_classes. DataTables has a slightly complicated way to override the CSS classes for some of the core elements. Here's one way
$(document).ready(function() {
var extensions = {
"sFilter": "dataTables_filter custom_filter_class",
"sLength": "dataTables_length custom_length_class"
}
// Used when bJQueryUI is false
$.extend($.fn.dataTableExt.oStdClasses, extensions);
// Used when bJQueryUI is true
$.extend($.fn.dataTableExt.oJUIClasses, extensions);
$('#example').dataTable();
});
Check out a working example here: http://jsfiddle.net/k2ava/3/.
这篇关于数据表向过滤器添加类的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!