数据表:更改表的高度不起作用 [英] Datatables: Change height of table not working
本文介绍了数据表:更改表的高度不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用带有 bPaginate = false 的 Jquery Datatables 表,并且 sScrollY 是一些固定高度.最终我希望表格在 window.resize 事件上调整大小.
为了让它起作用,我构建了一个较小的测试用例:在以下代码片段中,我希望在单击按钮时调整表格的大小
HTML:
<头><link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/><script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script><script type="text/javascript" language="javascript" src="http://www.datatables.net/release-datatables/media/js/jquery.dataTables.js"></script><元字符集=utf-8/><title>JS Bin</title>头部><身体><input id="button" type="button" value="点击我!"/><table cellpadding="0" cellspacing="0" border="0" class="display" id="example"><头><tr><th>渲染引擎</th><th>浏览器</th><th>平台</th><th>引擎版本</th><第>CSS等级</th></tr></thead><tr class="奇数X"><td>三叉戟</td><td>互联网资源管理器 4.0<td>Win 95+</td><td class="center">4/td<td class="center">X</td></tr><tr class="even gradeC"><td>三叉戟</td><td>互联网资源管理器 5.0<td>Win 95+</td><td class="center">5</td><td class="center">C</td></tr><tr class="奇数A"><td>三叉戟</td><td>互联网资源管理器 5.5</td><td>Win 95+</td><td class="center">5.5</td><td class="center">A</td></tr></tbody><脚><tr><th>渲染引擎</th><th>浏览器</th><th>平台</th><th>引擎版本</th><第>CSS等级</th></tr></tfoot>