表格顶部的样式数据表行

时间:2019-07-16 10:12:06

标签: jquery datatable datatables

我有一个Datatable,顶部有以下内容:

  • 每页dropdown的项目
  • Buttons
  • Paginator

但是每个项目都显示在单独的rows上,但是我想添加样式,但不确定如何添加。

当前呈现的HTML

enter image description here enter image description here

使用开发工具模拟的HTML

这就是我希望表格顶部显示的样子,但不确定如何添加其他Bootstrap。下面的行与上面的行相同,但位于form-group rowcol内。

enter image description here enter image description here

1 个答案:

答案 0 :(得分:0)

以下代码对我的要求进行了排序

dom:
    "<'form-group row'<'col-12 text-right'B>>" +
    "<'row'<'col-6'l><'col-6'p>>" +
    "<'row'<'col-12'tr>>" +
    "<'row'<'col-12'p>>",