fix: Table demo actions margin 16px

This commit is contained in:
ycjcl868 2019-11-22 11:02:19 +08:00 committed by GitHub Action
parent b01bed3f6f
commit 4f23bbcdc6
3 changed files with 7 additions and 11 deletions

View File

@ -14,7 +14,7 @@ title:
Simple table with actions.
```jsx
import { Table, Divider, Tag } from 'antd';
import { Table, Tag } from 'antd';
const columns = [
{
@ -58,8 +58,7 @@ const columns = [
key: 'action',
render: (text, record) => (
<span>
<a>Invite {record.name}</a>
<Divider type="vertical" />
<a style={{ marginRight: 16 }}>Invite {record.name}</a>
<a>Delete</a>
</span>
),

View File

@ -14,7 +14,7 @@ title:
Select different settings to see the result.
```jsx
import { Table, Switch, Radio, Form, Divider } from 'antd';
import { Table, Switch, Radio, Form } from 'antd';
import { Down } from '@ant-design/icons';
const columns = [
@ -39,10 +39,8 @@ const columns = [
key: 'action',
render: (text, record) => (
<span>
<a>Action 一 {record.name}</a>
<Divider type="vertical" />
<a>Delete</a>
<Divider type="vertical" />
<a style={{ marginRight: 16 }}>Action 一 {record.name}</a>
<a style={{ marginRight: 16 }}>Delete</a>
<a className="ant-dropdown-link">
More actions <Down />
</a>

View File

@ -18,7 +18,7 @@ Using JSX style API (introduced in 2.5.0)
> Since this is just a syntax sugar for the prop `columns`, you can't compose `Column` and `ColumnGroup` with other Components.
```jsx
import { Table, Divider, Tag } from 'antd';
import { Table, Tag } from 'antd';
const { Column, ColumnGroup } = Table;
@ -76,8 +76,7 @@ ReactDOM.render(
key="action"
render={(text, record) => (
<span>
<a>Invite {record.lastName}</a>
<Divider type="vertical" />
<a style={{ marginRight: 16 }}>Invite {record.lastName}</a>
<a>Delete</a>
</span>
)}