jQuery Datatables 格式化长度元素答案

【问题标题】：jQuery Datatables formatting length elementjQuery Datatables 格式化长度元素
【发布时间】：2018-06-14 19:18:02
【问题描述】：

我正在尝试重新对齐我的 jQuery 数据表上的一些元素，但我被卡住了。理想情况下，我希望 Show 25 条目全部水平显示，而不是蜷缩起来。如果可能，搜索相同。
这是它现在的样子：

这是我放置元素的方式：

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
  }

【问题讨论】：

通常它会显示在一行而不是中断。您的 HTML 或 CSS 一定会影响它。您能否在问题中添加更完整的代码示例。

标签： jquery datatables

【解决方案1】：

如果你碰巧使用Bootstrap，可以使用dom属性中的rows和columns类：

// 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>>"

然后取出浮动。然后你应该把它们排成一行。

【讨论】：