Question

我有dataTable工作。唯一的问题是它的标题是正常高度的两倍。这似乎是由于非常宽的llist框;

“显示[显示选项10,25,50，全部]的宽列表框..中断... 条目“

实际上这应该适合一行;但由于列表框的宽度，它在标题上占用第二行，使标题太胖。类似地，页脚（寻呼机）也具有双倍高度。我该如何解决这个问题？

谢谢，维尼特代码来自web2py框架（基于python）在标题中 -

script tag    
$(document).ready(function() { 
   var oTable = $('#dept_table').dataTable( { 
    "bJQueryUI": true, 
    "sScrollY": "200px",  
    "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], 
    'sPaginationType': 'full_numbers'
  }); 
});
end script tag

在身体 -

<h1>Department Master</h1>
<input type='submit' id='addNew' value='Add New Department' /><br /><br />
<table id="dept_table">
<thead>
  <tr>
    <th>Department ID</th>
<th>Department Name</th>
<th>Link</th> 
  </tr>
</thead>
<tbody>
{{for department in departments:}}
<tr>
<td>{{=department['deptid']}}</td>
<td>{{=department['deptnm']}}</td>
<td>
{{=A('edit',_href=URL('frmDeptSave',vars={'did':department['deptid'],'dnm':department['deptnm']}),_class='edturl')}}
{{=A('delete',_href=URL('frmDeptDel',vars={'did':department['deptid'],'dnm':department['deptnm']}),_class='delurl')}}
</td>
</tr>
{{pass}}
</tbody>
</table>

PL。告诉我你是否需要其他任何建议解决方案。 ---维尼特

Answer 1

    <style>.dataTables_length select{ width: 50px}</style>

最后，这对我有用。 @Nicola，感谢对我非常有用的输入。

Answer 2

我认为双重高是因为您使用的是jQuery ui，所以请尝试设置

"bJQueryUI": false,

如果这不能解决您的问题，请尝试发布您的完整代码（html和css，也许在jsfiddle上），以便我们为您提供更好的帮助

dataTable中的标题高度

2 个答案: