相关疑难解决方法(0)

使用带有引导程序的dataTables将自定义控件附加到dom

我为数据表搜索框添加了一个select(下拉列表),用于按列搜索,并尝试将其添加到搜索框,如下所示->

var table = $('#example').DataTable({
 dom: '<l<"toolbar">f>rtip',
            language: {
                search: "_INPUT_", //To remove Search Label
                searchPlaceholder: "Search..."
            }
})  
$("div.toolbar").html(select);
Run Code Online (Sandbox Code Playgroud)

的CSS

.toolbar {
        float: right;
    }
Run Code Online (Sandbox Code Playgroud)

它实际上在小提琴上起作用-> https://jsfiddle.net/32v2qpj1/5/

令人惊讶的是,当我在.aspx页面上实现相同的长度和过滤器位置时,如下图所示。每当我使用dom时,Bootstrap行和col网格都将丢失。它为长度和搜索添加了2个单独的行,并且在页脚处添加了相同的行。我尝试通过https://datatables.net/reference/option/dom中的示例检查我的代码是否错误。使用DOM时只是重新定位!

数据表对齐丢失

我不知道为什么只添加dom时会重新定位。我想知道是否还有其他方法可以将选择控件添加到搜索框中?

css jquery datatables twitter-bootstrap

3
推荐指数
1
解决办法
3998
查看次数

标签 统计

css ×1

datatables ×1

jquery ×1

twitter-bootstrap ×1