jquery - 问题对齐数据表中 DOM 上的按钮
问题描述
我正在使用 Datatables 在 Dom 上的表上显示一些数据。它工作正常,除了在顶部我试图定位具有按钮、下拉页面选择列表和搜索框的 DOM,它们没有正确对齐。我正在使用 Bootstrap 4。我已使用此链接来对齐 DOM,但无法正常工作:https ://datatables.net/reference/option/dom
我的代码
$(document).ready(function() {
$('#dataTable').DataTable({
lengthChange: true,
buttons: [ 'copy', 'excel', 'pdf'],
dom: "<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
});
});
解决方案
您可以将相关元素放在引导面板中。
$(document).ready(function() {
var table = $('#example').DataTable({
"dom": '<"panel panel-default"<"panel-heading"<"row"<"col-md-6"l><"col-md-6 text-right"f>>>t<"panel-footer"<"row"<"col-md-6"i><"col-md-6 text-right"p>>>>'
}); });
演示:http: //jsfiddle.net/a62hqqf9/
推荐阅读
- javascript - 返回数组中的前两个奇数
- dotnetbrowser - DotNetBrowser 和承诺
- visual-studio - 如何将新安装的 VS for Mac Community 连接到我的 GitHub 帐户?
- sql - 返回重叠日期范围的日期范围
- php - 如何在 WooCommerce 中覆盖“wc_display_item_meta”功能
- c# - 扭曲物品拾取的场景
- r - ggplot条形图问题的p值
- python - 将字段数据显示到 pdf 文件的标题部分
- python-3.x - 在 Python 中查找与多行字符串匹配的文件名
- reactjs - 反应拖放:如何在特定列上拖放时触发打开侧窗