jQuery Datatables格式化长度元素

时间:2018-06-14 19:18:03

标签: jquery datatables

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

以下是我如何放置元素:

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
  }

1 个答案:

答案 0 :(得分:0)

如果您碰巧使用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 。然后你应该把它们放在一条线上。