拼音间隙 html 表

Question

我需要在 html、javascript 和 css 的 phonegap 应用程序中制作一个带有固定标题行和标题列的可滚动表。

我研究了一些现有的问题，并基于以下解决方案（http://jsbin.com/bojacelaba/1/edit?html,css,output），我准备了以下文件：

http://www.ksutopia.com/a2.html

该文件具有固定的行标题和滚动条，并且在Firefox浏览器/android模拟器中已正确呈现。但是，如果我在实际设备（带有android 1的三星Note 1）中运行此功能 4.1.2，则行标题为空白。

http://www.ksutopia.com/screenshot.png

任何人都可以给我任何提示，将不胜感激。我已经阅读了很多使用iscroll的答案。我尝试查看它，但没有"带滚动条的固定标题"的示例。如果有人可以指出适当的示例/教程，将不胜感激。

提前非常感谢。

Answer 1

你必须使用jquery。

例如

**

<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>
<script>
jQuery(document).ready(function($)
{
       $('#tableId').tableScroll({height:600});
});
</script>
</body>

**

Answer 2

经过几天的研究，我终于找到了一个适合我目的的教程：

http://tympanus.net/Tutorials/StickyTableHeaders/

希望它也适合您的需求。