gpt4 book ai didi

数据表 - 水平滚动时列标题不会移动

转载 作者:行者123 更新时间:2023-12-03 07:06:01 29 4
gpt4 key购买 nike

我有一个简单的例子来说明我的问题。我正在使用数据表 1.9。当数据表位于另一个 html 表内时,水平滚动时列标题不会移动。当它不在 html 表中时它工作正常。我的示例实际上取自他们的水平滚动示例,但我添加了外表。任何帮助,将不胜感激。我到处寻找答案。这是代码。谢谢

<head>
<script type="text/javascript" src="<%=request.getContextPath()%>/scripts/jquery.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/scripts/jquery-ui.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/scripts/jquery.dataTables.min.js"></script>

</head>

<form>

<table>
<tr>
<td>

<div id="demo">
<table id="example">
<thead>
<tr>
<th>Rendering engine</th>
<th>Browser</th>
<th>Platform(s)</th>
<th>Engine version</th>
<th>CSS grade</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Rendering engine</th>
<th>Browser</th>
<th>Platform(s)</th>
<th>Engine version</th>
<th>CSS grade</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Trident</td>
<td>Internet Explorer 4.0</td>
<td>Win 95+</td>
<td>4</td>
<td>X</td>
</tr>
<tr>
<td>Other browsers</td>
<td>All others</td>
<td>-</td>
<td>-</td>
<td>U</td>
</tr>
</tbody>
</table>
</div>

</td>
</tr>
</table>

</form>

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">

$(document).ready(function() {

$('#example').dataTable( {
"sScrollX": "100%",
"sScrollXInner": "110%"
} );

} );

</SCRIPT>

最佳答案

我也遇到了同样的问题。我使用了这个配置

 "scrollY": "650px",
"sScrollX": "100%",
"scrollCollapse": true,

使用scrollCollapse来确保如果数据较少,底部或页脚不会停留在指定高度。

关于数据表 - 水平滚动时列标题不会移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17045140/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com