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

时间:2017-09-02 15:17:18

标签: datatables

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

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

  1. 该属性将让我更正标签文本垂直对齐“show ...每页记录数”, 所以我可以把它对齐到底部 (我有一些其他的风格必须打它并把它带到v-top 它看起来很糟糕。)
  2. 如何在最右边备份“搜索”标签和字段 和“show ... records”字段在同一行?
  3. 如何将样式应用于这些字段的文本标签(颜色,大小等)?
  4. 我现在没有影响事物的样式或属性,除了基本样式可能导致“show ... records”文本与顶部对齐。

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

    感谢您的帮助。

    enter image description here

    <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"> 
    

1 个答案:

答案 0 :(得分:0)

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

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

Datatable result