Высота заголовка в таблице данных - PullRequest
Новая
       5

Высота заголовка в таблице данных

2 голосов
/ 03 октября 2011

У меня работает dataTable. Единственное, что его заголовок в два раза больше нормальной высоты. Похоже, это связано с очень широкой рамой списка;

"Показать [Широкий список со списком параметров 10,25,50, Все] .. Строка разрыва .. Записи "

На самом деле это должно соответствовать одной строке; но из-за ширины списка он занимает 2-ю строку в заголовке, что делает заголовок слишком толстым. Аналогично, нижний колонтитул (пейджер) также имеет двойную высоту. Как мне это исправить?

Спасибо, Vineet Код из фреймворка 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. скажите мне, если вам требуется что-то еще для предложения решения. --- Vineet

Ответы [ 2 ]

4 голосов
/ 08 ноября 2011 
    <style>.dataTables_length select{ width: 50px}</style>

Наконец, это сработало для меня. @ Никола, спасибо за вклады, которые были очень полезны для меня.

2 голосов
/ 03 октября 2011

Я думаю, что двойная высота связана с тем, что вы используете jQuery ui, поэтому попробуйте установить 

"bJQueryUI": false,

если это не решит вашу проблему, попробуйте опубликовать полный код (html и css, возможно, на jsfiddle), чтобы мы могли помочь вам лучше

...