数据表修改过滤器html

Question

我正在使用jQuery Datatables插件,我想为过滤器自定义一些生成的HTML.

具体来说,它们生成以下HTML:

<div class="dataTables_filter" id="example_filter">
<label>Search: <input type="text" aria-controls="example"></label>

但是,我希望我的HTML更像这样:

<div class="filter-search">
<label class="search-label">
    <input type="text" placeholder="Search by name" />
    <span class="search-icon"></span>
</label>

我环顾四周,所有我能找到的就是改变课程,但在这种情况下,我想改变的不仅仅是课堂.

我确定在表加载后我可以破解DOM,但是我希望在Datatable的配置/初始化过程中有一些方法可以做到这一点.

Answer 1

您可以通过修改数据表oLanguage sSearch选项:

$('#example').dataTable({
    oLanguage: {
        sSearch: '<i>Other Search Text</i>'
    }
});