Javascript Jquery数据表隐藏搜索框但显示条目下拉列表
我试图隐藏datatable的搜索文本框,并在添加图标时使用我自己的自定义文本框 现在,如果我使用下面的代码隐藏搜索框,它也会隐藏“显示条目”下拉列表 有没有办法只隐藏搜索框并保留“显示条目”下拉列表或使用自定义下拉列表作为替换Javascript Jquery数据表隐藏搜索框但显示条目下拉列表,javascript,jquery,datatables,Javascript,Jquery,Datatables,我试图隐藏datatable的搜索文本框,并在添加图标时使用我自己的自定义文本框 现在,如果我使用下面的代码隐藏搜索框,它也会隐藏“显示条目”下拉列表 有没有办法只隐藏搜索框并保留“显示条目”下拉列表或使用自定义下拉列表作为替换 $(document).ready(function() { oTable = $('#example').DataTable( { "bFilter": false, searching: tr
$(document).ready(function() {
oTable = $('#example').DataTable(
{
"bFilter": false,
searching: true,
dom: "t",//show only table and hide the entry dropdown and searchbox
"bLengthChange": true,
"info": false
});
$('#searchText').keyup(function () {
oTable.search($(this).val()).draw();
})
});
从tomloprod更新的代码
$(document).ready(function () {
oTable = $('#example').DataTable(
{
"bFilter": false,
searching: true,
"sDom": "l"//show only table and entry dropdown and searchbox
});
$('#searchText').keyup(function () {
oTable.search($(this).val()).draw();
})
})) 尝试使用此
sDom
:
"sDom": "rt<'fluid-row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>><'fluid-row'<'col-md-12 col-sm-12'<'pull-right'l>>>"
您可以在此处看到它的工作原理:
您应该阅读以充分利用此功能 […] 允许以下选项: l长度变化
f-过滤输入
t-桌子
i-信息
p-分页
r-处理 [……]
是的,第一个很好用,非常棒。但是我如何把它移到顶部而不是底部,所以移到角落。移动什么,下拉菜单?将
l
选项移到sDom
的开头,它像一个魔咒一样工作。我爱你。无论如何,我为其他人更新了代码。
"sDom": "rtipl"