Jquery Datatables：在过滤输入框上设置类

Question

请问我应该翻译成哪种语言？

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

- Keith

---

在jquery.datatables.css中为选择器.dataTables_wrapper .dataTables_filter input（行：288）添加border: solid #ddd 1px; border-radius: 5px;或您喜欢的任何其他样式。 - mercury

Answer 1

您可以使用oStdClasses来设置搜索过滤器包装器div的样式类。

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

然后使用常规的 CSS 来定位搜索输入字段：

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

请参考datatables样式部分以获取更多详细信息。

- Maxim Manco

---

谢谢。最终不得不改用oJUIClasses，但是最终还是实现了。 - Keith

在您提供的datatables样式链接中，它说：$.fn.dataTableExt.oStdClasses - 当bJQueryUI为false时使用。$.fn.dataTableExt.oJUIClasses - 当bJQueryUI为true时使用。由于我正在使用"bJQueryUI": true，所以我认为我需要使用oJUIClasses。是否有一个与oJUIClasses相对应的sFilter，或者我漏掉了什么？ - Keith

我想指出这个答案并没有完全回答OP提出的问题，尽管Keith似乎对此感到满意。问题是如何将一个类应用于输入框，而不是如何为其设置样式。当使用现有的CSS框架（例如Bootstrap）来样式化您的DataTables时，区别就在于可能需要在输入字段本身上使用类似"input-small"的类。 - CashIsClay

我同意Artsemis的观点，投反对票。 - Marcel Overdijk

我也同意Artsemis的观点。我自己也想将Bootstrap类添加到输入本身。 - Scott Flack

Answer 2

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

这里我举例为筛选器输入框和长度选择框添加了Bootstrap类form-control。

- mpdc

---

正是我所需要的！ - Shlo