ant-design/components/grid/demo/flex-order.md

order	title
6	[{zh-CN 排序} {en-US Order}]

zh-CN

通过 Order 来改变元素的排序。

en-US

To change the element sort by order.

import { Row, Col } from 'antd';

ReactDOM.render(
  <Row>
    <Col span={6} order={4}>
      1 col-order-4
    </Col>
    <Col span={6} order={3}>
      2 col-order-3
    </Col>
    <Col span={6} order={2}>
      3 col-order-2
    </Col>
    <Col span={6} order={1}>
      4 col-order-1
    </Col>
  </Row>,
  mountNode,
);

#components-grid-demo-flex-order [class~='ant-row'] {
  background: rgba(128, 128, 128, 0.08);
}