Question

我正在使用一个用JQuery Mobile设计的table标记作为一个非常长的表。当用户向下滚动时，桌面不再可见，导致我的桌子排列不太清楚。我的问题是如何重复表头以便始终可见。

我尝试了the follwing solution，但它没有奏效。您可以在下面找到我显示表格的代码（它是Mako template）。

<table data-role="table" data-mode="reflow" class="ui-responsive" id="tAreaAnalysis">
    <thead>
        <tr>
            <th>&nbsp</th>
            <th colspan="3" class="textCenter borderLeft">Gesamtumsatz</th>

            % for actually_printed_product_category in product_categories:
                <th colspan="3" class="textCenter borderLeft">${actually_printed_product_category.name}</th>
            % endfor
        </tr>
        <tr class="borderBottom">
            <th>Kunde</th>
            <th class="borderLeft">VZR 1</th>
            <th>VZR 3</th>
            <th>VZR 4</th>

            % for actually_printed_product_category in product_categories:
                <th class="borderLeft">VZR 1</th>
                <th>VZR 2</th>
                <th>VZR 3</th>
            % endfor
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

非常感谢。

Answer 1

我去年也面临这个错误。但我发现只有这种情况的单一解决方案。我使用Mozilla firefox来克服这种情况。那对我来说很有用。因为在firefox中他们每次都会在每一页显示表头。你必须在块中编写你的头部代码。你应该尝试在Mozilla，它可能在那里工作。

用户向下滚动时重复表头

1 个答案: