我试图重新调整我的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
}
答案 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 。然后你应该把它们放在一条线上。