在最近的項目開發(fā)中,有需求是需要表格展示并有簡單分頁,分頁只顯示頁碼與左右跳轉(zhuǎn)分頁功能,因此便使用到antd的Table組件與分頁設(shè)置伤锚,我是這樣使用的
引入Table組件,設(shè)置好列信息志衣,給分頁對象設(shè)置當前頁屯援、總數(shù)、與每頁顯示數(shù)量念脯、onChange等信息狞洋,頁面如圖2展示,能夠達到預(yù)期效果绿店。
但是在冒煙測試階段發(fā)現(xiàn)表格數(shù)據(jù)量比較大時吉懊,會出現(xiàn)pageSize切換器,而我的需求是不管多少數(shù)據(jù)每頁固定展示10條數(shù)據(jù)假勿,因此是不需要切換器的借嗽。
之后就開始翻查antd分頁組件的api,當我看到pageSizeOptions參數(shù)的默認值是[10,?20,?50,?100]時转培,我也好奇為什么數(shù)量較少時沒有出現(xiàn)切換器恶导,我把pageSizeOptions參數(shù)改為[],發(fā)現(xiàn)并不能解決問題浸须,看來問題原因并不是它惨寿。
繼續(xù)往下翻api文檔,最終發(fā)現(xiàn)了參數(shù)showSizeChanger羽戒,文中是這樣解釋的缤沦,當?total?大于 50 時默認為 true。......問題原因找到了易稠,就是這個參數(shù),把分頁設(shè)置對象中加入?yún)?shù)showSizeChanger并給上false值包蓝,問題解決驶社。
這是在開發(fā)過程中遇到的很小的一個問題企量,選擇把它記錄下來,是因為告誡自己亡电,在不熟悉一個框架或者技術(shù)時届巩,往往讓你吃bug的地方,就是這些小細節(jié)份乒,因此在開發(fā)時一定要細心再細心恕汇。