Javascript 如何自定义引导数据表搜索框和记录视图位置
我在使用引导样式创建datatable时遇到了一个问题。我从这个站点获得了数据表() 我发现不太符合我所创造的观点。我把导航条放在桌子上面。所以我想做一个搜索框,查看我放在导航栏上的记录。因为这是我想要的 之前: 我想成为这样 如何定制?必须更改的javascript代码或使用jquery进行足够定制的代码在哪里? 仔细阅读,然后来读评论的其余部分 以下是一个例子: 当你明白了,就写吧Javascript 如何自定义引导数据表搜索框和记录视图位置,javascript,jquery,css,twitter-bootstrap,datatable,Javascript,Jquery,Css,Twitter Bootstrap,Datatable,我在使用引导样式创建datatable时遇到了一个问题。我从这个站点获得了数据表() 我发现不太符合我所创造的观点。我把导航条放在桌子上面。所以我想做一个搜索框,查看我放在导航栏上的记录。因为这是我想要的 之前: 我想成为这样 如何定制?必须更改的javascript代码或使用jquery进行足够定制的代码在哪里? 仔细阅读,然后来读评论的其余部分 以下是一个例子: 当你明白了,就写吧 $('#example').dataTable({ "dom":' <"s
$('#example').dataTable({
"dom":' <"search"f><"top"l>rt<"bottom"ip><"clear">'
}
);
});
$('#示例')。数据表({
“dom”:“rt”
}
);
});
这将使搜索框有一个名为“search”的类,并保持其他所有内容不变
现在,您可以使用css轻松编辑搜索框的位置
如果你想喜欢你贴的照片,就写吧
"dom":' <"search"fl><"top">rt<"bottom"ip><"clear">'
“dom”:“rt”
“sDom”:“”
和css:
.下拉列表
{
浮动:右;
}搜索框可能在标题上,而不是在数据表中,您需要使用自定义html。您应该将代码放入其中,这样我们可以更方便地帮助您。