ant design vue 表格 第一列的聯動勾選框的設置


在使用ant design vue 的表格時,有時候不需要表格第一列的聯動勾選框,那么在表格組件中不要設置

v-bind: rowSelection屬性既可。如果需要設置 聯動勾選事件、回調、勾選框類型、第一列勾選框的表頭【全選/反選】的隱藏等詳見官方文檔的rowSelection屬性配置: 表格 Table - Ant Design Vue (antdv.com)
去掉第一列勾選框的表頭【全選/反選】或隱藏 ,根據官方文檔將屬性 hideDefaultSelections  設為true   無效時,可以設置  row-selection的屬性columnTitle:'  '即可
 
 
表格的默認選中問題:
官方文檔中提供了 getCheckboxProps這個選擇框的默認屬性配置
 

 

 但是這樣的方式有個bug就是在不去觸發選擇框選中事件就直接去滾動加載下一頁就會出現上面默認的幾個選中項沒有選中的問題,所以這里如果需要做默認選中的最好是通過請求接口,成功的回調給selectedRowKeys進行賦值來設置默認選中項,這里需要注意的是這種方式需要判斷是否觸發選中事件以及selectedRowKeys的賦值需要通過一個變量間接賦值

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM