diff --git a/README.md b/README.md
index 9067b174e..bb6c0d7ba 100644
--- a/README.md
+++ b/README.md
@@ -122,6 +122,18 @@ React.render(<Table columns={columns} data={data} />, mountNode);
       <td></td>
       <td>get row's className</td>
     </tr>
+    <tr>
+      <td>bodyCellClassName</td>
+      <td>Function(record, index):string</td>
+      <td></td>
+      <td>used to compute a table body cell's className</td>
+    </tr>
+    <tr>
+      <td>headerCellClassName</td>
+      <td>Function(headerCellConfig):string</td>
+      <td></td>
+      <td>used to compute a header cell's className based on the config data for that column header.</td>
+    </tr>
     <tr>
       <td>rowRef</td>
       <td>Function(record, index, indent):string</td>
diff --git a/src/Table.jsx b/src/Table.jsx
index ff33276b0..7bac8a7d6 100644
--- a/src/Table.jsx
+++ b/src/Table.jsx
@@ -20,6 +20,8 @@ const Table = React.createClass({
     bodyStyle: PropTypes.object,
     style: PropTypes.object,
     rowKey: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
+    bodyCellClassName: PropTypes.func,
+    headerCellClassName: PropTypes.func,
     rowClassName: PropTypes.func,
     expandedRowClassName: PropTypes.func,
     childrenColumnName: PropTypes.string,
@@ -47,6 +49,8 @@ const Table = React.createClass({
       defaultExpandAllRows: false,
       defaultExpandedRowKeys: [],
       rowKey: 'key',
+      bodyCellClassName: () => '',
+      headerCellClassName: () => '',
       rowClassName: () => '',
       expandedRowClassName: () => '',
       onExpand() {},
@@ -193,7 +197,7 @@ const Table = React.createClass({
   },
 
   getHeader(columns, fixed) {
-    const { showHeader, expandIconAsCell, prefixCls } = this.props;
+    const { headerCellClassName, showHeader, expandIconAsCell, prefixCls } = this.props;
     const rows = this.getHeaderRows(columns);
 
     if (expandIconAsCell && fixed !== 'right') {
@@ -209,6 +213,7 @@ const Table = React.createClass({
 
     return showHeader ? (
       <TableHeader
+        headerCellClassName={headerCellClassName}
         prefixCls={prefixCls}
         rows={rows}
         rowStyle={trStyle}
@@ -293,6 +298,7 @@ const Table = React.createClass({
     const expandRowByClick = props.expandRowByClick;
     const { fixedColumnsBodyRowsHeight } = this.state;
     let rst = [];
+    const bodyCellClassName = props.bodyCellClassName;
     const rowClassName = props.rowClassName;
     const rowRef = props.rowRef;
     const expandedRowClassName = props.expandedRowClassName;
@@ -338,6 +344,7 @@ const Table = React.createClass({
           indentSize={props.indentSize}
           needIndentSpaced={needIndentSpaced}
           className={className}
+          bodyCellClassName={bodyCellClassName}
           record={record}
           expandIconAsCell={expandIconAsCell}
           onDestroy={this.onRowDestroy}
diff --git a/src/TableCell.jsx b/src/TableCell.jsx
index 4328b3fcf..52ffb0f38 100644
--- a/src/TableCell.jsx
+++ b/src/TableCell.jsx
@@ -3,6 +3,7 @@ import get from 'lodash.get';
 
 const TableCell = React.createClass({
   propTypes: {
+    bodyCellClassName: PropTypes.string,
     record: PropTypes.object,
     prefixCls: PropTypes.string,
     index: PropTypes.number,
@@ -23,7 +24,7 @@ const TableCell = React.createClass({
   },
   render() {
     const { record, indentSize, prefixCls, indent,
-            index, expandIcon, column } = this.props;
+            index, expandIcon, bodyCellClassName, column } = this.props;
     const { dataIndex, render, className = '' } = column;
 
     // We should return undefined if no dataIndex is specified, but in order to
@@ -65,11 +66,13 @@ const TableCell = React.createClass({
     if (rowSpan === 0 || colSpan === 0) {
       return null;
     }
+
+    const tdClassName = bodyCellClassName ? `${className} ${bodyCellClassName}`.trim() : className;
     return (
       <td
         colSpan={colSpan}
         rowSpan={rowSpan}
-        className={className}
+        className={tdClassName}
         onClick={this.handleClick}
       >
         {indentText}
diff --git a/src/TableHeader.jsx b/src/TableHeader.jsx
index 4a6ca8ddb..5ae21e4b2 100644
--- a/src/TableHeader.jsx
+++ b/src/TableHeader.jsx
@@ -6,18 +6,27 @@ export default React.createClass({
     prefixCls: PropTypes.string,
     rowStyle: PropTypes.object,
     rows: PropTypes.array,
+    headerCellClassName: PropTypes.func,
   },
   shouldComponentUpdate(nextProps) {
     return !shallowequal(nextProps, this.props);
   },
   render() {
-    const { prefixCls, rowStyle, rows } = this.props;
+    const { headerCellClassName, prefixCls, rowStyle, rows } = this.props;
     return (
       <thead className={`${prefixCls}-thead`}>
         {
           rows.map((row, index) => (
             <tr key={index} style={rowStyle}>
-              {row.map((cellProps, i) => <th {...cellProps} key={i} />)}
+              {
+                row.map((cellProps, i) => {
+                  const thClassName = headerCellClassName(cellProps);
+                  let className = cellProps.className;
+                  className = thClassName ? `${className} ${thClassName}`.trim() : className;
+                  cellProps.className = className;
+                  return <th {...cellProps} key={i}/>;
+                })
+              }
             </tr>
           ))
         }
diff --git a/src/TableRow.jsx b/src/TableRow.jsx
index 4473a65f6..17eb87d39 100644
--- a/src/TableRow.jsx
+++ b/src/TableRow.jsx
@@ -23,6 +23,7 @@ const TableRow = React.createClass({
     expandable: PropTypes.any,
     onExpand: PropTypes.func,
     needIndentSpaced: PropTypes.bool,
+    bodyCellClassName: PropTypes.func,
     className: PropTypes.string,
     indent: PropTypes.number,
     indentSize: PropTypes.number,
@@ -36,6 +37,7 @@ const TableRow = React.createClass({
       onRowClick() {},
       onRowDoubleClick() {},
       onDestroy() {},
+      bodyCellClassName: () => {},
       expandIconColumnIndex: 0,
       expandRowByClick: false,
       onHover() {},
@@ -100,7 +102,7 @@ const TableRow = React.createClass({
 
   render() {
     const {
-      prefixCls, columns, record, height, visible, index,
+      prefixCls, columns, bodyCellClassName, record, height, visible, index,
       expandIconColumnIndex, expandIconAsCell, expanded, expandRowByClick,
       expandable, onExpand, needIndentSpaced, indent, indentSize,
     } = this.props;
@@ -125,10 +127,11 @@ const TableRow = React.createClass({
     );
 
     for (let i = 0; i < columns.length; i++) {
+      const tdClassName = bodyCellClassName(record, index);
       if (expandIconAsCell && i === 0) {
         cells.push(
           <td
-            className={`${prefixCls}-expand-icon-cell`}
+            className={`${prefixCls}-expand-icon-cell ${tdClassName}`.trim()}
             key="rc-table-expand-icon-cell"
           >
             {expandIcon}
@@ -140,6 +143,7 @@ const TableRow = React.createClass({
       cells.push(
         <TableCell
           prefixCls={prefixCls}
+          bodyCellClassName={tdClassName}
           record={record}
           indentSize={indentSize}
           indent={indent}
diff --git a/tests/__snapshots__/Table.expandRow.spec.js.snap b/tests/__snapshots__/Table.expandRow.spec.js.snap
index 198c2a39e..5152de839 100644
--- a/tests/__snapshots__/Table.expandRow.spec.js.snap
+++ b/tests/__snapshots__/Table.expandRow.spec.js.snap
@@ -1,5 +1,6 @@
 exports[`Table.expand controlled by expandedRowKeys 1`] = `
 <Table
+  bodyCellClassName={[Function]}
   bodyStyle={Object {}}
   childrenColumnName="children"
   columns={
@@ -43,6 +44,7 @@ exports[`Table.expand controlled by expandedRowKeys 1`] = `
   }
   expandedRowRender={[Function]}
   getBodyWrapper={[Function]}
+  headerCellClassName={[Function]}
   indentSize={15}
   onExpand={[Function]}
   onExpandedRowsChange={[Function]}
@@ -90,6 +92,7 @@ exports[`Table.expand controlled by expandedRowKeys 1`] = `
                   } />
               </colgroup>
               <TableHeader
+                headerCellClassName={[Function]}
                 prefixCls="rc-table"
                 rowStyle={null}
                 rows={
@@ -126,6 +129,7 @@ exports[`Table.expand controlled by expandedRowKeys 1`] = `
               <tbody
                 className="rc-table-tbody">
                 <TableRow
+                  bodyCellClassName={[Function]}
                   childrenColumnName="children"
                   className=""
                   columns={
@@ -186,6 +190,7 @@ exports[`Table.expand controlled by expandedRowKeys 1`] = `
                       }
                     }>
                     <TableCell
+                      bodyCellClassName=""
                       column={
                         Object {
                           "dataIndex": "name",
@@ -250,6 +255,7 @@ exports[`Table.expand controlled by expandedRowKeys 1`] = `
                       </td>
                     </TableCell>
                     <TableCell
+                      bodyCellClassName=""
                       column={
                         Object {
                           "dataIndex": "age",
@@ -278,6 +284,7 @@ exports[`Table.expand controlled by expandedRowKeys 1`] = `
                   </tr>
                 </TableRow>
                 <TableRow
+                  bodyCellClassName={[Function]}
                   className=""
                   columns={
                     Array [
@@ -355,6 +362,7 @@ exports[`Table.expand controlled by expandedRowKeys 1`] = `
                   </tr>
                 </TableRow>
                 <TableRow
+                  bodyCellClassName={[Function]}
                   childrenColumnName="children"
                   className=""
                   columns={
@@ -415,6 +423,7 @@ exports[`Table.expand controlled by expandedRowKeys 1`] = `
                       }
                     }>
                     <TableCell
+                      bodyCellClassName=""
                       column={
                         Object {
                           "dataIndex": "name",
@@ -479,6 +488,7 @@ exports[`Table.expand controlled by expandedRowKeys 1`] = `
                       </td>
                     </TableCell>
                     <TableCell
+                      bodyCellClassName=""
                       column={
                         Object {
                           "dataIndex": "age",
@@ -518,6 +528,7 @@ exports[`Table.expand controlled by expandedRowKeys 1`] = `
 
 exports[`Table.expand controlled by expandedRowKeys 2`] = `
 <Table
+  bodyCellClassName={[Function]}
   bodyStyle={Object {}}
   childrenColumnName="children"
   columns={
@@ -561,6 +572,7 @@ exports[`Table.expand controlled by expandedRowKeys 2`] = `
   }
   expandedRowRender={[Function]}
   getBodyWrapper={[Function]}
+  headerCellClassName={[Function]}
   indentSize={15}
   onExpand={[Function]}
   onExpandedRowsChange={[Function]}
@@ -608,6 +620,7 @@ exports[`Table.expand controlled by expandedRowKeys 2`] = `
                   } />
               </colgroup>
               <TableHeader
+                headerCellClassName={[Function]}
                 prefixCls="rc-table"
                 rowStyle={null}
                 rows={
@@ -644,6 +657,7 @@ exports[`Table.expand controlled by expandedRowKeys 2`] = `
               <tbody
                 className="rc-table-tbody">
                 <TableRow
+                  bodyCellClassName={[Function]}
                   childrenColumnName="children"
                   className=""
                   columns={
@@ -704,6 +718,7 @@ exports[`Table.expand controlled by expandedRowKeys 2`] = `
                       }
                     }>
                     <TableCell
+                      bodyCellClassName=""
                       column={
                         Object {
                           "dataIndex": "name",
@@ -768,6 +783,7 @@ exports[`Table.expand controlled by expandedRowKeys 2`] = `
                       </td>
                     </TableCell>
                     <TableCell
+                      bodyCellClassName=""
                       column={
                         Object {
                           "dataIndex": "age",
@@ -796,6 +812,7 @@ exports[`Table.expand controlled by expandedRowKeys 2`] = `
                   </tr>
                 </TableRow>
                 <TableRow
+                  bodyCellClassName={[Function]}
                   childrenColumnName="children"
                   className=""
                   columns={
@@ -856,6 +873,7 @@ exports[`Table.expand controlled by expandedRowKeys 2`] = `
                       }
                     }>
                     <TableCell
+                      bodyCellClassName=""
                       column={
                         Object {
                           "dataIndex": "name",
@@ -920,6 +938,7 @@ exports[`Table.expand controlled by expandedRowKeys 2`] = `
                       </td>
                     </TableCell>
                     <TableCell
+                      bodyCellClassName=""
                       column={
                         Object {
                           "dataIndex": "age",
@@ -948,6 +967,7 @@ exports[`Table.expand controlled by expandedRowKeys 2`] = `
                   </tr>
                 </TableRow>
                 <TableRow
+                  bodyCellClassName={[Function]}
                   className=""
                   columns={
                     Array [
@@ -1134,6 +1154,7 @@ exports[`Table.expand expand all rows by default 1`] = `
 
 exports[`Table.expand expand row by click 1`] = `
 <Table
+  bodyCellClassName={[Function]}
   bodyStyle={Object {}}
   childrenColumnName="children"
   columns={
@@ -1172,6 +1193,7 @@ exports[`Table.expand expand row by click 1`] = `
   expandedRowClassName={[Function]}
   expandedRowRender={[Function]}
   getBodyWrapper={[Function]}
+  headerCellClassName={[Function]}
   indentSize={15}
   onExpand={[Function]}
   onExpandedRowsChange={[Function]}
@@ -1219,6 +1241,7 @@ exports[`Table.expand expand row by click 1`] = `
                   } />
               </colgroup>
               <TableHeader
+                headerCellClassName={[Function]}
                 prefixCls="rc-table"
                 rowStyle={null}
                 rows={
@@ -1255,6 +1278,7 @@ exports[`Table.expand expand row by click 1`] = `
               <tbody
                 className="rc-table-tbody">
                 <TableRow
+                  bodyCellClassName={[Function]}
                   childrenColumnName="children"
                   className=""
                   columns={
@@ -1315,6 +1339,7 @@ exports[`Table.expand expand row by click 1`] = `
                       }
                     }>
                     <TableCell
+                      bodyCellClassName=""
                       column={
                         Object {
                           "dataIndex": "name",
@@ -1379,6 +1404,7 @@ exports[`Table.expand expand row by click 1`] = `
                       </td>
                     </TableCell>
                     <TableCell
+                      bodyCellClassName=""
                       column={
                         Object {
                           "dataIndex": "age",
@@ -1407,6 +1433,7 @@ exports[`Table.expand expand row by click 1`] = `
                   </tr>
                 </TableRow>
                 <TableRow
+                  bodyCellClassName={[Function]}
                   className=""
                   columns={
                     Array [
@@ -1484,6 +1511,7 @@ exports[`Table.expand expand row by click 1`] = `
                   </tr>
                 </TableRow>
                 <TableRow
+                  bodyCellClassName={[Function]}
                   childrenColumnName="children"
                   className=""
                   columns={
@@ -1544,6 +1572,7 @@ exports[`Table.expand expand row by click 1`] = `
                       }
                     }>
                     <TableCell
+                      bodyCellClassName=""
                       column={
                         Object {
                           "dataIndex": "name",
@@ -1608,6 +1637,7 @@ exports[`Table.expand expand row by click 1`] = `
                       </td>
                     </TableCell>
                     <TableCell
+                      bodyCellClassName=""
                       column={
                         Object {
                           "dataIndex": "age",