Jquery Datatables：設置過濾器輸入字段上的類

如何在數據表插件上的'搜索'字段上設置類。我也使用Jquery UI主題。Jquery Datatables：設置過濾器輸入字段上的類

 $('#idSmovData').dataTable({ 
      "sScrollY": "600px" 
      ,"bPaginate": false 
      ,"bFilter": true 
      ,"bJQueryUI": true 
      ,"bInfo": false 
      ,"bSort": false 
     });

來源

2012-02-28 Keith

in jquery.datatables.css for the selection .dataTables_wrapper .dataTables_filter input（line：288）add border：solid #ddd 1px; border-radius：5px;或任何你喜歡的。 – 2016-08-26 04:20:33

您可以設置使用oStdClasses

$.fn.dataTableExt.oStdClasses["sFilter"] = "my-style-class";

而不是使用常規的CSS來定位到搜索輸入框的搜索過濾器包裝的div樣式類：

.my-style-class input[type=text] { 
    color: green; 
}

請參閱datatables styling部分了解更多詳情。

來源

2012-02-28 18:02:39

謝謝。必須改變使用oJUIClasses，但到最後。 – Keith 2012-02-29 11:06:05

@Keith sFilter實際上是oStdClasses的一個屬性。但是，可以使用oJUIClasses來擴展oStdClasses。 – 2012-02-29 22:36:40

在引用的數據表樣式鏈接上，它表示：$ .fn.dataTableExt.oStdClasses - 當bJQueryUI爲false時使用$ .fn.dataTableExt.oJUIClasses - 當bJQueryUI爲true時使用。正如我使用「bJQueryUI」：是的，我認爲我需要使用oJUIClasses。是否有相當於sFilter的oJUIClasses，或者我錯過了什麼？ – Keith 2012-03-02 08:57:20

$('div.dataTables_filter input').addClass('form-control'); 
$('div.dataTables_length select').addClass('form-control');

這裏我加入Bootstrap類form-control到濾波器輸入和長度選擇，作爲一個例子。

來源

2014-04-07 15:29:32 mpdc

正是我所需要的！ – Shlo 2014-06-11 12:04:43

Jquery Datatables：設置過濾器輸入字段上的類

回答

相關問題