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'。