jQuery Datatables格式化长度元素

Question

我试图重新调整我的jQuery数据库中的一些元素并且我被卡住了。理想情况下，我喜欢Show 25条目，所有条目都是水平显示而不是scrunched。如果可能，搜索也一样 这就是现在的样子：

以下是我如何放置元素：

dom: "<'myfilter'f><'mylength'l>t<'myInfo'i><'myPaging'p>",

并且将CSS移动到桌子的两侧：

.myfilter .dataTables_filter {
   float: left
 }

.mylength .dataTables_length {
   width: 150px;
   float: right
 }

 .myInfo .dataTables_info {
    margin-top: 15px;
    float: left
  }

  .myPaging .dataTables_paginate {
    margin-top: 15px;
    float: right
  }

Answer 1

如果您碰巧使用Bootstrap，则可以使用dom属性中的行和列类：

// Yes in my example, my filter is on top right. The length is on top left.
// The info is on the bottom left. The paging info is on the bottom right.

dom:
    "<'row'<'col-sm-12 col-md-6 myLength'l><'col-sm-12 col-md-6 myFilter'f>>" +
    "<'table-responsive'tr>" +
    "<'row'<'col-sm-12 col-md-5 myInfo'i><'col-sm-12 col-md-7 myPaging'p>>"

取出 float 。然后你应该把它们放在一条线上。