javascript - table組件實(shí)現(xiàn) 合并單元格 并且 可分頁(yè)?
問題描述
先描述一下場(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)迷津,不勝感激!
問題解答
回答1:你這個(gè)小條的數(shù)據(jù)在獲取那10條大數(shù)據(jù)前是不確定的,但等你獲取到10條數(shù)據(jù)后(每個(gè)大數(shù)據(jù)中有多少條小數(shù)據(jù)都可以獲取到),這個(gè)pageSize也就可以確定了,不過沒明白你的pageSize獲取到之后想要干嘛
回答2:問題解決了,antd目前對(duì)這種情況支持的不夠友好,可以通過屏蔽 Table 的分頁(yè)屬性,再配合用分頁(yè)組件實(shí)現(xiàn)。這樣也就解決了上面問題中的第 1 條困惑,Table每頁(yè)顯示的條數(shù)和 pageSize 沒有關(guān)系了。
詳情參考:https://github.com/ant-design...
相關(guān)文章:
1. javascript - sublime快鍵鍵問題2. 實(shí)現(xiàn)bing搜索工具urlAPI提交3. boot2docker無(wú)法啟動(dòng)4. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎?5. javascript - 如何判斷不同兩個(gè)對(duì)象觸發(fā)同一事件?6. 前端 - 這段代碼一直生效不了,查半天因?yàn)?top: 0px; 分號(hào)后一個(gè)隱藏的東西,也不是占位符...刪了就可以生效,這是什么情況。。7. nginx bind failed8. thinkPHP5中獲取數(shù)據(jù)庫(kù)數(shù)據(jù)后默認(rèn)選中下拉框的值,傳遞到后臺(tái)消失不見。有圖有代碼,希望有人幫忙9. angular.js - 單頁(yè)應(yīng)用(ng/vue)該如何監(jiān)聽用戶離開當(dāng)前頁(yè)面(或者路由)?10. javascript - react native在run-android時(shí)出現(xiàn)這個(gè)錯(cuò)誤該怎么解決?大神賜教

網(wǎng)公網(wǎng)安備