lijianan
2 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with
8 additions and
2 deletions
-
components/table/index.en-US.md
-
components/table/index.zh-CN.md
|
|
@ -283,6 +283,7 @@ Properties for row selection. |
|
|
|
```tsx |
|
|
|
import { Table } from 'antd'; |
|
|
|
import type { ColumnsType } from 'antd/es/table'; |
|
|
|
import React from 'react'; |
|
|
|
|
|
|
|
interface User { |
|
|
|
key: number; |
|
|
@ -304,7 +305,7 @@ const data: User[] = [ |
|
|
|
}, |
|
|
|
]; |
|
|
|
|
|
|
|
export default () => ( |
|
|
|
const Demo: React.FC = () => ( |
|
|
|
<> |
|
|
|
<Table<User> columns={columns} dataSource={data} /> |
|
|
|
{/* JSX style usage */} |
|
|
@ -313,6 +314,8 @@ export default () => ( |
|
|
|
</Table> |
|
|
|
</> |
|
|
|
); |
|
|
|
|
|
|
|
export default Demo; |
|
|
|
``` |
|
|
|
|
|
|
|
Here is the [CodeSandbox for TypeScript](https://codesandbox.io/s/serene-platform-0jo5t). |
|
|
|
|
|
@ -286,6 +286,7 @@ const columns = [ |
|
|
|
```tsx |
|
|
|
import { Table } from 'antd'; |
|
|
|
import type { ColumnsType } from 'antd/es/table'; |
|
|
|
import React from 'react'; |
|
|
|
|
|
|
|
interface User { |
|
|
|
key: number; |
|
|
@ -307,7 +308,7 @@ const data: User[] = [ |
|
|
|
}, |
|
|
|
]; |
|
|
|
|
|
|
|
export default () => ( |
|
|
|
const Demo: React.FC = () => ( |
|
|
|
<> |
|
|
|
<Table<User> columns={columns} dataSource={data} /> |
|
|
|
{/* 使用 JSX 风格的 API */} |
|
|
@ -316,6 +317,8 @@ export default () => ( |
|
|
|
</Table> |
|
|
|
</> |
|
|
|
); |
|
|
|
|
|
|
|
export default Demo; |
|
|
|
``` |
|
|
|
|
|
|
|
TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/serene-platform-0jo5t)。 |
|
|
|