From aadba9b0e34114ce7d6e6e2597679477b1429734 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=AF=B8=E5=B2=B3?= Date: Wed, 21 Mar 2018 17:42:19 +0800 Subject: [PATCH] docs: add align prop description (#9749) --- components/table/index.en-US.md | 1 + components/table/index.zh-CN.md | 1 + components/table/interface.tsx | 1 + 3 files changed, 3 insertions(+) diff --git a/components/table/index.en-US.md b/components/table/index.en-US.md index 01755b01a7..f0925dfb9b 100644 --- a/components/table/index.en-US.md +++ b/components/table/index.en-US.md @@ -120,6 +120,7 @@ One of the Table `columns` prop for describing the table's columns, Column has t | fixed | Set column to be fixed: `true`(same as left) `'left'` `'right'` | boolean\|string | `false` | | key | Unique key of this column, you can ignore this prop if you've set a unique `dataIndex` | string | - | | render | Renderer of the table cell. The return value should be a ReactNode, or an object for [colSpan/rowSpan config](#components-table-demo-colspan-rowspan) | Function(text, record, index) {} | - | +| align | specify how content is aligned | 'left' \| 'right' \| 'center' | 'left' | | sorter | Sort function for local sort, see [Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)'s compareFunction. If you need sort buttons only, set to `true` | Function\|boolean | - | | sortOrder | Order of sorted values: `'ascend'` `'descend'` `false` | boolean\|string | - | | title | Title of this column | string\|ReactNode | - | diff --git a/components/table/index.zh-CN.md b/components/table/index.zh-CN.md index b27280ba27..13be2172f2 100644 --- a/components/table/index.zh-CN.md +++ b/components/table/index.zh-CN.md @@ -121,6 +121,7 @@ const columns = [{ | fixed | 列是否固定,可选 `true`(等效于 left) `'left'` `'right'` | boolean\|string | false | | key | React 需要的 key,如果已经设置了唯一的 `dataIndex`,可以忽略这个属性 | string | - | | render | 生成复杂数据的渲染函数,参数分别为当前行的值,当前行数据,行索引,@return里面可以设置表格[行/列合并](#components-table-demo-colspan-rowspan) | Function(text, record, index) {} | - | +| align | 设置列内容的对齐方式 | 'left' \| 'right' \| 'center' | 'left' | | sorter | 排序函数,本地排序使用一个函数(参考 [Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) 的 compareFunction),需要服务端排序可设为 true | Function\|boolean | - | | sortOrder | 排序的受控属性,外界可用此控制列的排序,可设置为 `'ascend'` `'descend'` `false` | boolean\|string | - | | title | 列头显示文字 | string\|ReactNode | - | diff --git a/components/table/interface.tsx b/components/table/interface.tsx index 6d4ed441fd..960e1d4e3e 100644 --- a/components/table/interface.tsx +++ b/components/table/interface.tsx @@ -13,6 +13,7 @@ export interface ColumnProps { key?: React.Key; dataIndex?: string; render?: (text: any, record: T, index: number) => React.ReactNode; + align?: 'left' | 'right' | 'center'; filters?: ColumnFilterItem[]; onFilter?: (value: any, record: T) => boolean; filterMultiple?: boolean;