jquery - 如何在 Jquery Mobile 中使现有表响应？

Question

我有下表，

<table style="height: 803px;" width="591">
        <tbody>
            <tr>
                <td>
                    <p><strong>Model#</strong></p>
                </td>

                <td>
                    <p><strong>Item Code</strong></p>
                </td>

                <td>
                    <p><strong>Description</strong></p>
                </td>

                <td>
                    <p><strong>Old Retail</strong></p>
                </td>

                <td>
                    <p><strong>Promotion Retail</strong></p>
                </td>

                <td>
                    <p><strong>Remarks</strong></p>
                </td>
            </tr>

            <tr>
                <td>
                    <p>WM608</p>
                </td>

                <td>
                    <p>11619082</p>
                </td>

                <td>
                    <p>Campomatic front load washer &nbsp;6 KG, 800RPM ,8
                    programs,electronic control,</p>
                </td>

                <td>
                    <p>799</p>
                </td>

                <td>
                    <p>799</p>
                </td>

                <td>
                    <p>FREE CAMPOMATIC vacuum cleaner model#RC1808 1800W WORTH
                    199 DHS + FREE Campomatic hair dryer HP20 WORTH 99 DHS</p>
                </td>
            </tr>

            <tr>
                <td>
                    <p>IWE-81281ECOUK</p>
                </td>

                <td>
                    <p>11675623</p>
                </td>

                <td>
                    <p>Indesit front load washer ,8kg,1200 rpm,digital display
                    ,Energy Efficiency Class: A+, white color</p>
                </td>

                <td>
                    <p>1899</p>
                </td>

                <td>
                    <p>1599</p>
                </td>

                <td>
                    <p>300 DHS GV+free persil 3ltr detergent 2 pcs worth 78
                    dhs</p>
                </td>
            </tr>

        </tbody>
    </table>

我想让它响应。我正在使用 Jquery Mobile

Answer 1

只需将 data-role='table' 添加到您的表格元素中。默认的表格类型是重排，因此当它到达较小的空间时，表格将改为堆叠。

有关详细信息，请参阅以下链接。

http://demos.jquerymobile.com/1.4.0/table-reflow/

编辑:更新了最新版本的链接