我需要在使用html,javascript和css的android应用中使用滚动条来显示表格内容。
我已经尝试搜索了很多示例和插件,但是都没有成功,许多示例和插件告诉我在下面做这样的事情。我必须将over-flow:auto设置为一定的高度,然后将display:block设置为一定大小,但是我尝试了所有内容仅与第一列对齐并且不起作用的情况。
<table>
<thead>
<tr>
<th>title 01</th>
<th>title 02</th>
<th>title 03</th>
<th>title 04</th>
</tr>
</thead>
<div>
<tbody>
<tr>
<td> content row col 01</td>
<td> content row col 02</td>
<td> content row col 03</td>
<td> content row col 04</td>
</tr>
</tbody>
</div>
</table>
拜托,我需要一些解决方案。
谢谢。
最后,我找到了解决方案。
我使用了这个jquery插件jquery.jtablescroll.js。
像这样在您的页面上导入js:
<script type="text/javascript" src="jquery/jquery.tablescroll.js"></script>
并将其包含在html页面中的表格中,其内容类似于下面的示例:
<table id="tableId">
<thead>
<th>Column Header 01</th>
<th>Column Header 02</th>
<th>Column Header 03</th>
</thead>
<tbody>
<tr>
<td>Column Content</td>
<td>Column Content</td>
<td>Column Content</td>
</tr>
</tbody>
</table>
并且在HTML的javascript中,您需要将jtablescroll激活到表格中,执行以下操作,设置表格的ID和表格的高度:
jQuery(document).ready(function($)
{
$('#tableId').tableScroll({height:600});
});
自然,您不想创建带有静态内容的表,因此请记住在从服务器获取内容并将表中的行以动态方式添加到tbody之后,立即在javascript中激活表的插件。 :
jQuery('#tableId tbody')。append(contentList);
我希望这可以帮助遇到此问题的人。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句