使用antd固定列和嵌套子组件的表格，scroll和expandedRowRender不兼容，导致表格内容错位了

Question

<Table
        class='tableStyle'
        size="middle"
        columns={columns}
        dataSource={data}
        bordered
        rowKey={(record, index) => (index)}
        pagination={false}
        rowSelection={rowSelection}
        scroll={{ x: 2600, y: 300 }}
        expandedRowRender={record =>
          <Table
            size="middle"
            columns={subColumns}
            dataSource={subData}
            bordered
            rowKey={(record, index) => (index)}
            pagination={false}
          />
        }
      />

Answer 1

这里错位的原因是因为table里面又放了一个表单。expandedRowRender里面后来没放table，而是手动把数组进行遍历，然后写样式……就没有出现这个问题了……

代码列一列?↓
`

 <Table
    className="erp-global-table"
    bordered
    rowKey={(_, index) => index}
    columns={columns}
    pagination={false}
    expandedRowRender={record =>
        record.goods.map((item, index) => {
            return (
                <div className="act_detail_expanded_row" key={index}>
                  <div className="item" style={{ width: "135px" }}>
                    <div>商品编号: </div>
                    <div>{item.code}</div>
                  </div>
                  <div className="item" style={{ width: "80px" }}>
                    <div>奖金比例: </div>
                    <div>
                      {" "}
                      <Tag color="#2db7f5">{item.bonus || 0}%</Tag>
                    </div>
                  </div>
                  <div className="item" style={{ width: "90px" }}>
                    <div>商家名称: </div>
                    <div>{item.shop}</div>
                  </div>
                  <div className="item" style={{ width: "100px" }}>
                    <div>一级分类: </div>
                    <div>
                      <Tag color="volcano">{item.category}</Tag>
                    </div>
                  </div>
                  <div className="item">
                    <div>商品名称: </div>
                    <div>{item.name}</div>
                  </div>
                </div>
              );
            })
          }
          dataSource={boundedGoods}
        />

`

Answer 2

看一下这个：https://blog.csdn.net/bellah5...
这个文章能解决你的问题

Answer 3

请问这个是咋解决的啊