antd Table 利用自己生成cell结合expandedRowKeys配置，实现任意cell控制展开列

因为项目需要，antd实现一个形如这样的表格








但是奈何翻了好几遍api文档并没有发现这样的东西，只好自己改造了，
首先table是这样的
 <Table 
            columns={this.columns}
            dataSource={tableData} 
            bordered 
            pagination={false}
            size='small'
            expandIconAsCell={false} 
            expandIconColumnIndex={-1}
            expandedRowRender={record=>this.expandedRowTable(record)}
            expandedRowKeys={this.state.expandArray}
          />


实现了隐藏自带按钮、并确定了控制展开行的数组，
接下来就是控制数组了，
先绑定下方法
 onClick={()=>this.expandTable(row)}
  然后 是点击cell的方法
expandTable = row =>{
      const filtered = this.state.expandArray
      const text = this.state.expandBtnText 
      if(this.state.expandArray.includes(row.key)){
        filtered.splice(filtered.findIndex(element => element === row.key),1 );
        this.expandTdNum(parseInt(row.key,10),'reduce') 
        text[parseInt(row.key,10)-1] = '详情'
      }else{
        filtered.push(row.key)
        this.expandTdNum(parseInt(row.key,10),'add') 
        text[parseInt(row.key,10)-1] = '关闭'   
      }
      this.setState({
        expandArray:filtered,
      })
最后控制数组的方法
expandTdNum = (key,operation) =>{
      let temp = 0
      if(operation==='add'){
         temp++
      }else if(operation==='reduce'){
        temp--
      }else{
        return false
      }
      if(key>0 && key<7){
        this.setState({
          firstTdNum:this.state.firstTdNum + temp,
        })
      }else if(key>6 && key<10){
        this.setState({
          middleTdNum:this.state.middleTdNum + temp,
        })
      }else if(key>9 && key<13){
        this.setState({
          lastTdNum:this.state.lastTdNum + temp,
        })
      }
    }