Add Table tableLayout prop

ant-design · Jun 25, 2019 · 4fe4706 · 4fe4706
1 parent a30dd26
commit 4fe4706
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/components/table/Table.tsx b/components/table/Table.tsx
@@ -98,6 +98,7 @@ export default class Table<T> extends React.Component<TableProps<T>, TableState<
     showHeader: true,
     sortDirections: ['ascend', 'descend'],
     childrenColumnName: 'children',
+    tableLayout: 'auto',
   };
 
   CheckboxPropsCache: {
@@ -1152,7 +1153,7 @@ export default class Table<T> extends React.Component<TableProps<T>, TableState<
     dropdownPrefixCls: string,
     contextLocale: TableLocale,
   ) => {
-    const { style, className, showHeader, locale, ...restProps } = this.props;
+    const { style, className, showHeader, locale, tableLayout, ...restProps } = this.props;
     const data = this.getCurrentPageData();
     const expandIconAsCell = this.props.expandedRowRender && this.props.expandIconAsCell !== false;
 
@@ -1161,11 +1162,11 @@ export default class Table<T> extends React.Component<TableProps<T>, TableState<
       mergedLocale.emptyText = renderEmpty('Table');
     }
 
-    const classString = classNames({
-      [`${prefixCls}-${this.props.size}`]: true,
+    const classString = classNames(`${prefixCls}-${this.props.size}`, {
       [`${prefixCls}-bordered`]: this.props.bordered,
       [`${prefixCls}-empty`]: !data.length,
       [`${prefixCls}-without-column-header`]: !showHeader,
+      [`${prefixCls}-layout-${tableLayout}`]: tableLayout === 'fixed',
     });
 
     let columns = this.renderRowSelection(prefixCls, mergedLocale);

diff --git a/components/table/interface.tsx b/components/table/interface.tsx
@@ -177,6 +177,7 @@ export interface TableProps<T> {
   bodyStyle?: React.CSSProperties;
   className?: string;
   style?: React.CSSProperties;
+  tableLayout?: React.CSSProperties['tableLayout'];
   children?: React.ReactNode;
   sortDirections?: SortOrder[];
 }
@@ -267,5 +268,5 @@ export type PrepareParamsArgumentsReturn<T> = [
   Object,
   {
     currentDataSource: T[];
-  }
+  },
 ];
diff --git a/components/table/style/index.less b/components/table/style/index.less
@@ -32,6 +32,10 @@
     border-collapse: collapse;
   }
 
+  table&-layout-fixed {
+    table-layout: fixed;
+  }
+
   &-thead > tr > th {
     color: @table-header-color;
     font-weight: 500;