react使用antd的table

如何使用antd中tabale控制某幾列或某幾行的合併
      const sec = examine.scoreIndexNum

      const renderContent = (value:any, row:any, index:any) => {
        let i;
        for (i of toJS(sec)){
             if(index==i.start){
             let span =i.end-i.start+1
            return{
              children:value,
              props:{rowSpan:span}
            }
          }
          if(index>i.start&&index<=i.end){
            return{
              props:{rowSpan:0}
            }
          }
        }
    }

在columns中使用render屬性即可

 const columns = [
        {
          title: '這是啥',
          dataIndex: 'firstDim',
          key: 'firstDim',
          width: '100px',
          align: 'center',
          render: renderContent
         
        },
<Table columns={columns} dataSource={examine.detailScoreTable} bordered size="small" pagination={false}></Table>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章