表格内容上的滚动条,android phonegap

ThiagoCoder

我需要在使用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>

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

谢谢。

ThiagoCoder

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

我使用了这个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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Phonegap 3.0-Android:本机滚动条不可见

来自分类Dev

是否可以隐藏滚动条(不删除滚动条)phonegap ios?

来自分类Dev

Android 5上的Phonegap滚动问题

来自分类Dev

Phonegap上的PouchDB(Android)

来自分类Dev

没有Phonegap构建的Android Phonegap应用

来自分类Dev

在Mac上安装phonegap

来自分类Dev

HelloGate在PhoneGap构建上

来自分类Dev

Android在滚动事件上更新内容时设置了scrollLeft不会更新滚动条位置

来自分类Dev

PhoneGap / Cordova Android开发

来自分类Dev

Phonegap导出到Android

来自分类Dev

Phonegap本机android插件

来自分类Dev

Android中的PushNotification Phonegap

来自分类Dev

Phonegap Android权限

来自分类Dev

PhoneGap / Cordova Android开发

来自分类Dev

Android中的PushNotification Phonegap

来自分类Dev

Phonegap Android权限

来自分类Dev

Phonegap导出到Android

来自分类Dev

如何在表格上隐藏水平滚动条

来自分类Dev

PhoneGap iOS防止过度滚动

来自分类Dev

打开键盘android,隐藏内容phonegap

来自分类Dev

在PhoneGap Android应用中启动内容

来自分类Dev

WPF滚动条内容

来自分类Dev

滚动条无内容

来自分类Dev

phonegap :: gmap上的gif动画

来自分类Dev

在Ubuntu 13.10上安装Phonegap

来自分类Dev

Windows RT上的PhoneGap支持

来自分类Dev

CompileXIB上的Phonegap(Cordova)错误

来自分类Dev

jQuery无法在PhoneGap上运行

来自分类Dev

CompileXIB上的Phonegap(Cordova)错误