table每行td嵌套form表单input或select的页面，当数据量很大时卡顿

Question

table每行td嵌套form表单input或select的页面，当数据量很大时卡顿

有什么好的优化方案？

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

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

Answer 1

可以考虑分页，前端可以一次性把数据都请求过来，但不要一次性全部渲染出来，在前端进行分页，这样每次点击分页只渲染对应的数据即可。

Answer 2

推荐使用ul布局 table弊端很多 参考如下