3

私はdataTableを機能させました。唯一のことは、そのヘッダーが通常の 2 倍の高さであることです。これはリストボックスが非常に広いためと思われます。

"表示 [オプション 10,25,50,All を表示する幅広いリスト ボックス] ..改行..エントリ"

実際には、これは 1 行に収まるはずです。しかし、リストボックスの幅が原因で、ヘッダーに2行目が必要になり、ヘッダーが太くなりすぎます。同様に、フッター (ページャー) も 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。解決策を提案するために他に何か必要な場合は教えてください。---ビニート

4

2 に答える 2

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

最後に、これは私のために働いた。@Nicola、私にとって非常に役立つ情報をありがとう。

于 2011-11-08T06:43:10.100 に答える
2

ハイトが2倍なのはjQuery uiを使っているせいだと思うので設定してみる

"bJQueryUI": false,

これで問題が解決しない場合は、完全なコード (html と css、おそらく jsfiddle) を投稿してみてください。

于 2011-10-03T15:32:30.160 に答える