带有自定义html的datatable.js网格

Question

我正在使用dataTables.js将普通的html表转换为网格。

    $(document).ready(function () {
        $('#example').dataTable();
        $(".dataTables_filter input").css({ "background": "blue" });
    });

jQuery dataTables插件在自定义表周围生成自己的分页和搜索框输入。我们可以设置这些自动生成的元素，就像我尝试改变搜索输入的样式一样

但我的问题是我使用的是bootstrap模板。我的模板建议设置下拉样式或文本框应该由其他一些div包装，以使其响应和所有。

是否有可能使用我自己的html下拉和搜索框和分页和DataTable使用它的所有魔术？