文章詳情頁(yè)
javascript - table組件實(shí)現(xiàn) 合并單元格 并且 可分頁(yè)？
瀏覽：89日期：2023-02-23 14:30:38
問(wèn)題描述
先描述一下場(chǎng)景：需求是一個(gè)table，可以合并單元格（每大條數(shù)據(jù)包含若干小條，數(shù)量不一定），同時(shí)要可以分頁(yè)，每頁(yè) 10 大條數(shù)據(jù)。
困惑：1.因?yàn)?table 顯示的條數(shù)和 pageSize 一致，所以 pageSize 應(yīng)該是小條的數(shù)量2.如果 pageSize 等于小條的數(shù)量，而要求每頁(yè)顯示 10 大條數(shù)據(jù)，那么每頁(yè)小條的數(shù)量（pageSize）則是個(gè)不定值，則計(jì)算出的總頁(yè)數(shù)會(huì)不對(duì)。
求大神指點(diǎn)迷津，不勝感激！
問(wèn)題解答
回答1：你這個(gè)小條的數(shù)據(jù)在獲取那10條大數(shù)據(jù)前是不確定的，但等你獲取到10條數(shù)據(jù)后（每個(gè)大數(shù)據(jù)中有多少條小數(shù)據(jù)都可以獲取到），這個(gè)pageSize也就可以確定了，不過(guò)沒(méi)明白你的pageSize獲取到之后想要干嘛
回答2：問(wèn)題解決了，antd目前對(duì)這種情況支持的不夠友好，可以通過(guò)屏蔽 Table 的分頁(yè)屬性，再配合用分頁(yè)組件實(shí)現(xiàn)。這樣也就解決了上面問(wèn)題中的第 1 條困惑，Table每頁(yè)顯示的條數(shù)和 pageSize 沒(méi)有關(guān)系了。
詳情參考：https://github.com/ant-design...
標(biāo)簽：
JavaScript
相關(guān)文章：
1. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””2. css - 關(guān)于div自適應(yīng)問(wèn)題，大家看圖吧，說(shuō)不清3. docker images顯示的鏡像過(guò)多，狗眼被亮瞎了，怎么辦？4. docker-machine添加一個(gè)已有的docker主機(jī)問(wèn)題5. docker gitlab 如何git clone？6. dockerfile - [docker build image失敗- npm install]7. docker網(wǎng)絡(luò)端口映射，沒(méi)有方便點(diǎn)的操作方法么？8. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問(wèn)題。9. linux - mysql源碼安裝遇到的問(wèn)題10. javascript - Vue 自定義控件v-model雙向綁定
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備