鍍金池/ 問答/HTML/ table每行td嵌套form表單input或select的頁面，當(dāng)數(shù)據(jù)量很大時

table每行td嵌套form表單input或select的頁面，當(dāng)數(shù)據(jù)量很大時卡頓

table每行td嵌套form表單input或select的頁面，當(dāng)數(shù)據(jù)量很大時卡頓

有什么好的優(yōu)化方案？

tabledata = [...]; // length = 200;

    <form>
        <table>
            <tbody>
                <tr v-for="item in tableData">
                    <td>
                        <input />
                    </td>
                    ...
                     <td>
                        <input />
                    </td>
                    
                </tr>
            </tbody>
        </table>
    <form>

clipboard.png

回答
編輯回答
荒城

可以考慮分頁，前端可以一次性把數(shù)據(jù)都請求過來，但不要一次性全部渲染出來，在前端進(jìn)行分頁，這樣每次點(diǎn)擊分頁只渲染對應(yīng)的數(shù)據(jù)即可。

2017年5月8日 17:11
編輯回答
膽怯

推薦使用ul布局 table弊端很多 參考如下

2018年6月14日 18:24