datatables.net類添加到搜索標籤

<label>Search: <input type="text" aria-controls="company"></label>

使用Datatables，如何將我添加了一個類來搜索欄中輸入框？datatables.net類添加到搜索標籤

2012-03-29 ahmet

$(document).ready(function() { 
    $('#example').dataTable(); 
    $('#example_filter input').addClass('yourclass'); // <-- add this line 
});

PS：如果表格有更多的輸入搜索或者你有更多的表格，你可以參考所有的輸入搜索通過使用class selector(".someClass")

2012-03-29 09:00:57 antonjs

如果您使用的是類而不是id（與表的id相對），您會得到更一致的結果，即imho。 – 2012-03-29 09:13:02

是的，你說得對+1 – antonjs 2012-03-29 09:30:31

我做

$('.dataTables_filter input').addClass('yourclass');

當然

添加此初始化你的表

2012-03-29 08:57:01

我同意 - 當你可以使用基於父元素的類的選擇器時，爲什麼需要在輸入上的類？ – 2012-03-29 09:12:01

@AllanJardine因爲一些UI框架（即Bootstrap）需要將類應用於輸入字段之類的東西。 – CashIsClay 2013-04-29 19:39:59

我是使用數據表1.10.x和Bootstrap：

$.extend($.fn.dataTableExt.oStdClasses, { 
    "sFilterInput": "form-control yourClass", 
    "sLengthSelect": "form-control yourClass" 
});

我經過擴展功能，而不是jQuery的。 :)

2014-08-17 19:07:36 B2GraphiX

這是全球性的，但是，對嗎？所以，如果我有一個以上的數據表，並且出於某種原因，我希望它們不要相同，那麼這對我來說就行不通。 – crush 2014-10-03 13:00:11

回答