jquery datatables kullanırken, bilginin yanında (satır sonu olmadan) filtreyi nasıl görüntüleyebilirim?

Question

jquery veri tabanını kullanırken, etrafındaki nesneleri taşımak için dom özelliğini kullanıp kullanamayacağımı görüyorum. Ben yan üst tarafında filtre ve bilgi göstermeye çalışıyorum ama ikisi de bir div içine sarılır çünkü

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

yüzden Şu anda bu kodu kullanıyorum sonra

arasına satır aralığı oluşturur Ben Filtre ve bilgi "dom" seçeneği kullanarak en üstte koyabiliyorum ama ben bir satır sonu olmadan filtre tarafında bilgi yan koymak için herhangi bir yolu olup olmadığını görmek istedim?

Answer 1

dataTables denetimleri, float ve clear ile ilgili olarak CSS'den kodlanmıştır. Tam kontrole sahip olmak için bunu sıfırlamanız gerekir. İşte kullanarak bir örnek aşağıdadır dom ve ne varsayalım için vuruyorsun:

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

demo ->http://jsfiddle.net/grr6seLe/