Question

当使用jquery数据表时，我看是否可以使用dom属性来移动东西。我试图在顶部并排显示过滤器和信息，但因为它们都被包裹在div中，所以它之间会创建一个换行符

目前我正在使用此代码

   $('#existingTable').dataTable({
            "paging": false,
            "bInfo": true,
            "dom": '<"top"fi>',
            "ordering": true,
            "stripeClasses": ['strip1', 'strip2'],
            "order": [[5, "desc"]]
        });

所以我可以使用＆＃34; dom＆＃34;将过滤器和信息放在顶部。选项但是我想知道是否有任何方法可以将信息过滤器放在信息旁边而没有换行符？

Answer 1

对于float和clear，dataTables控件更为CSS编码。您必须重置它才能获得完全控制权。以下是使用dom的示例以及我认为您正在尝试的内容：

.dataTables_info {
   clear: none !important;
   float: left !important;
   padding-top: 0px !important;
   padding-left: 20px !important;
}
.dataTables_filter {
   clear: none !important;
   float: left !important;
}

演示 - ＆gt;的 http://jsfiddle.net/grr6seLe/

使用jquery数据表时，如何在info旁边显示过滤器（没有换行符）？

1 个答案: