如何在semanticui DataTable中对齐pageLength，导出按钮和搜索栏？

Question

我真的不太流利使用JS和CSS，所以我很难找到如何在下面的图片中查看我的数据表：

我基本上想要将行分为三列，宽度为4-8-4，以适合页面长度，导出按钮和搜索栏。

我从this example模仿我的DataTable。唯一的区别是我删除了javascript中的lengthChange: false。我尝试过使用dom选项，但我没有运气。

我还从stackoverflow找到了针对同一问题的解决方案，但它使用了bootstrap。我不知道如何修改semanticui。

谢谢！

Answer 1

尝试使用以下dom选项：

dom:
  "<'ui grid'"+
     "<'row'"+
        "<'four wide column'l>"+
        "<'center aligned eight wide column'B>"+
        "<'right aligned four wide column'f>"+
     ">"+
     "<'row dt-table'"+
        "<'sixteen wide column'tr>"+
     ">"+
     "<'row'"+
        "<'seven wide column'i>"+
        "<'right aligned nine wide column'p>"+
     ">"+
  ">",

在您的情况下，请勿使用您提到的example中的代码：

table.buttons().container()
    .appendTo( $('div.eight.column:eq(0)', table.table().container()) );