ant design 表格columns配置解析

react項目中引入ant design的組件,配置項內容很多,功能也非常強大。


前三個基本項不做過多的說明,title表示列頭顯示文字,dataIndex列數(shù)據(jù)在數(shù)據(jù)項中對應的 key,key是你數(shù)據(jù)中相對應傳入的屬性。


render函數(shù)返回三個值(text, record, index),text表示本項內容對應的value,record的值是一個object,里面存放了這一行數(shù)據(jù)的內容,index表示當行索引。箭頭后面的內容trans(text) 表示真正要在table表格顯示的數(shù)據(jù),相當于一個過濾器,可以把后臺數(shù)據(jù)拿到的值直接在此處轉換。

width用來規(guī)定列寬,沒有規(guī)定則自行根據(jù)內容顯示列寬。官方文檔有說明fixed: 'right',固定在列表右側,但是當列不夠多的時候,會顯示兩個一樣的列。fixed:true的效果同fixed: 'left'。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容