Используйте React-Resizable со строкой и столбцом Antd Grid

Question

Я использую Antd's Row и Col ( Antd Grid ) для размещения различных элементов. Я хотел бы использовать реагируемый размер вместе со строкой и столбцом.

Пробовал с использованием следующего кода и показывает только значок для перетаскивания в правом нижнем углу. Причина в том, что в этой сеточной системе мы используем span span как span = {12} для "Col". Так как изменить размер в таком случае. TIA

<Row>
  <ResizableBox axis="x" draggableOpts={{}}>
    <Col span={12}>col-12</Col>
  </ResizableBox>
  <ResizableBox axis="x" draggableOpts={{}}>
    <Col span={12}>col-12</Col>
  </ResizableBox>
</Row>