ant design中table自定義選擇項Table.SELECTION_ALL等,修改默認選項中文展示


const rowSelection = {

  selections: [
    Table.SELECTION_ALL,
    Table.SELECTION_INVERT,
    Table.SELECTION_NONE
  ]
}

const locales = {selectionAll:'全選所有',selectInvert:'反選當頁',selectNone:'清空所有'}

<Table rowSelection={{type:'checkbox',...rowSelection}} locale={locales}/>

官方文檔里並沒有列舉全,但可以找到

 

 基於TS的情況下,其實在Table.d.ts中可以看到Table的參數props類型為定義好的接口類型interface TableProps;
interface TableProps中定義了可選屬性locale?:TableLocale;
而這個TableLocale來自於interface.d.ts定義好的interface TableLocale;

細看interface TableLocale,其中就包含了一系列可以在表格中自定義文案設置的屬性

filterTitle,
filterConfirm,
filterReset,
filterEmptyText:,
selectAll,

selectNone,
selectInvert,
selectionAll,
sortTitle,
expand,
collapse,
triggerDesc,
triggerAsc,
cancelSort

以上這些就是在locale中可自定義文案的屬性

 


免責聲明!

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



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