Javascript 使JQueryMobile表格可滚动?

Javascript 使JQueryMobile表格可滚动?,javascript,jquery,html,css,jquery-mobile,Javascript,Jquery,Html,Css,Jquery Mobile,嘿,伙计们,有没有办法使用jquerymobile使表格可以滚动? 找不到适合我的解决办法 假设我有一张这样的桌子: 标题1 标题2 标题3 标题4 标题5 标题6 内容1 内容2 内容3 内容4 内容5 内容6 内容1 内容2 内容3 内容4 内容5 内容6 内容1 内容2 内容3 内容4 内容5 内容6 内容1 内容2 内容3 内容4 内容5 内容6 内容1 内容2 内容3 内容4 内容5 内容6 我的问题是,我希望表格只显示5行,其余的应该可以通过滚动访问。 可以这样做吗?如果这对您来

嘿,伙计们,有没有办法使用jquerymobile使表格可以滚动? 找不到适合我的解决办法

假设我有一张这样的桌子:


标题1
标题2
标题3
标题4
标题5
标题6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
我的问题是,我希望表格只显示5行,其余的应该可以通过滚动访问。
可以这样做吗?

如果这对您来说足够了,您可以将容器div设置为
溢出:沿y方向滚动
,并给它一个固定的高度。要修复标题行,只需使用附加的
标记包装内容,并将其设置为
位置:fixed
。现在,在第一个内容行的顶部留出一点空间(例如作为填充),即可完成以下操作:

div{
溢出y:滚动;
高度:100px;
}
桌子{
宽度:100%;
}
thead th{
位置:相对位置;
}
第四跨{
位置:固定;
背景:白色;
}
表tbody tr:第一个孩子th,
表tbody tr:第一个孩子td{
填充顶部:20px;
}

标题1
标题2
标题3
标题4
标题5
标题6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6
内容1
内容2
内容3
内容4
内容5
内容6

Wow!那很容易。是的,这应该足够了。。。唯一缺少的是Titels()不应该滚动,这是可能的吗?
<table data-role="table" class="ui-responsive ui-shadow gk-decorate testClass" id="someId" is="jqm-table" style="margin-left: %; width: %">
    <thead>
      <tr>
        <th data-priority="1">Title_1</th>
        <th data-priority="1">Title_2</th>
        <th data-priority="1">Title_3</th>
        <th data-priority="1">Title_4</th>
        <th data-priority="1">Title_5</th>
        <th data-priority="1">Title_6</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>Content_1</th>
        <td>Content_2</td>
        <td>Content_3</td>
        <td>Content_4</td>
        <td>Content_5</td>
        <td>Content_6</td>
      </tr>
      <tr>
        <th>Content_1</th>
        <td>Content_2</td>
        <td>Content_3</td>
        <td>Content_4</td>
        <td>Content_5</td>
        <td>Content_6</td>
      </tr>
      <tr>
        <th>Content_1</th>
        <td>Content_2</td>
        <td>Content_3</td>
        <td>Content_4</td>
        <td>Content_5</td>
        <td>Content_6</td>
      </tr>
      <tr>
        <th>Content_1</th>
        <td>Content_2</td>
        <td>Content_3</td>
        <td>Content_4</td>
        <td>Content_5</td>
        <td>Content_6</td>
      </tr>
      <tr>
        <th>Content_1</th>
        <td>Content_2</td>
        <td>Content_3</td>
        <td>Content_4</td>
        <td>Content_5</td>
        <td>Content_6</td>
      </tr>
    </tbody>