数据表jquery-ui和全局搜索字段的位置

Question

使用Datatables，我只是从Datatables css切换到jquery.datTable.jqueryui.css。

我一直在努力弄清楚如何纠正这些问题：

1. 该属性将让我更正标签文本垂直对齐“show ...每页记录数”， 所以我可以把它对齐到底部 （我有一些其他的风格必须打它并把它带到v-top 它看起来很糟糕。）
2. 如何在最右边备份“搜索”标签和字段 和“show ... records”字段在同一行？
3. 如何将样式应用于这些字段的文本标签（颜色，大小等）？

我现在没有影响事物的样式或属性，除了基本样式可能导致“show ... records”文本与顶部对齐。

我已经尝试了一些解决方案，到目前为止我得到的最好结果是搜索将像往常一样向右移动，除了它仍然在新线上（所以从“ show ...记录“text＆amp; field。

感谢您的帮助。



<link rel="stylesheet" type="text/css" href="../../css/jquery-ui.min.css">  
<link rel="stylesheet" type="text/css" href="../../css/jquery-ui.structure.min.css">
<link rel="stylesheet" type="text/css" href="../../css/jquery-ui.theme.min.css">    
<link rel="stylesheet" type="text/css" href="../../css/dataTables.jqueryui.css"> 
<link rel="stylesheet" type="text/css" href="../../css/jquery.dataTables_themeroller"> 

Answer 1

这将为您提供数据表顶部的“每页记录数”，过滤器和分页;使用bootstrap网格类间隔开。

sDom:  '<"H"r<"col-sm-5"i><"col-sm-3"f><"col-sm-4"p>>t',