Add column[align]

Author: yesmeck

src/TableCell.js

@@ -49,14 +49,14 @@ export default class TableCell extends React.Component {
     } else {
       text = get(record, dataIndex);
     }
-    let tdProps;
+    let tdProps = {};
     let colSpan;
     let rowSpan;
 
     if (render) {
       text = render(text, record, index);
       if (this.isInvalidRenderCellText(text)) {
-        tdProps = text.props || {};
+        tdProps = text.props || tdProps;
         colSpan = tdProps.colSpan;
         rowSpan = tdProps.rowSpan;
         text = text.children;
@@ -82,6 +82,11 @@ export default class TableCell extends React.Component {
     if (rowSpan === 0 || colSpan === 0) {
       return null;
     }
+
+    if (column.align) {
+      tdProps.style = { textAlign: column.align };
+    }
+
     return (
       <BodyCell
         className={className}

src/TableHeaderRow.js

@@ -13,6 +13,9 @@ function TableHeaderRow({ row, index, height, components, onHeaderRow }) {
       {row.map((cell, i) => {
         const { column, ...cellProps } = cell;
         const customProps = column.onHeaderCell ? column.onHeaderCell(column) : {};
+        if (column.align) {
+          cellProps.style = { textAlign: column.align };
+        }
         return <HeaderCell {...cellProps} {...customProps} key={i} />;
       })}
     </HeaderRow>

tests/Table.spec.js

@@ -536,4 +536,13 @@ describe('Table', () => {
       expect(wrapper).toMatchSnapshot();
     });
   });
+
+  it('align column', () => {
+    const columns = [
+      { title: 'Name', dataIndex: 'name', key: 'name' },
+      { title: 'Age', dataIndex: 'age', key: 'age', align: 'center' },
+    ];
+    const wrapper = render(createTable({ columns }));
+    expect(wrapper).toMatchSnapshot();
+  });
 });

tests/__snapshots__/Table.spec.js.snap

@@ -1,5 +1,83 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Table align column 1`] = `
+<div
+  class="rc-table rc-table-scroll-position-left"
+>
+  <div
+    class="rc-table-content"
+  >
+    <div
+      class="rc-table-body"
+    >
+      <table
+        class=""
+      >
+        <colgroup>
+          <col />
+          <col />
+        </colgroup>
+        <thead
+          class="rc-table-thead"
+        >
+          <tr>
+            <th
+              class=""
+            >
+              Name
+            </th>
+            <th
+              class=""
+              style="text-align:center"
+            >
+              Age
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          class="rc-table-tbody"
+        >
+          <tr
+            class="rc-table-row  rc-table-row-level-0"
+          >
+            <td
+              class=""
+            >
+              <span
+                class="rc-table-row-indent indent-level-0"
+                style="padding-left:0px"
+              />
+              Lucy
+            </td>
+            <td
+              class=""
+              style="text-align:center"
+            />
+          </tr>
+          <tr
+            class="rc-table-row  rc-table-row-level-0"
+          >
+            <td
+              class=""
+            >
+              <span
+                class="rc-table-row-indent indent-level-0"
+                style="padding-left:0px"
+              />
+              Jack
+            </td>
+            <td
+              class=""
+              style="text-align:center"
+            />
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`Table custom components renders correctly 1`] = `
 <div
   class="rc-table rc-table-scroll-position-left"