我为数据表搜索框添加了一个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时会重新定位。我想知道是否还有其他方法可以将选择控件添加到搜索框中?