Question

我需要使用html，javascript和css在Android应用中使用滚动条获取表格内容。

我已经尝试搜索了很多示例和插件，但没有成功，他们中的许多人都告诉我要像下面这样做。我必须放弃过流：自动，一些尺寸到高度并显示：块，但我尝试了，所有内容只对齐到第一列，但没有用。

<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>

拜托，我需要一些解决方案。

感谢。

Answer 1

最后，我找到了解决方案。

我使用了这个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});
});

当然，你不想创建一个包含静态内容的表，所以记得在从服务器获取内容之后用javascript激活你的表插件，并将表的行添加到tbody中像这样的例子：

jQuery（'＃tableId tbody'）。append（contentList）;

我希望这可以帮助有这个问题的人。

桌面内容上的滚动条，android phonegap

1 个答案: