@aliretail/react-materials-components/demo/Form/fullForm.md

B 端物料组件库

---
title: 占满一行的表格
order: 2
---

含table的表格form，将会占满一行

````jsx
import React from 'react';
import { Input, Checkbox, Button } from '@alifd/next';
import { Form } from '@aliretail/react-materials-components';

addStyle();

class Demo extends React.Component {
  render() {
    return (
      <div>
        <Form cols="full">
          <Input style={{ width: '100%' }} />
          <Input style={{ width: '100%' }} />
          <Input style={{ width: '100%' }} />
          <Input style={{ width: '100%' }} />
          <Input style={{ width: '100%' }} />
        </Form>
      </div>
    );
  }
}

function addStyle() {
  const style = `
    #fullForm {
      display: block !important;
    }
  `;
  const styleDom = document.createElement('style');
  styleDom.innerHTML = style;
  document.head.appendChild(styleDom);
}


ReactDOM.render(<Demo />, mountNode);
````