From 7354ba102bc552cc057af32c990b76564838393c Mon Sep 17 00:00:00 2001
From: ds3783 <ds3783@gmail.com>
Date: Sat, 25 Feb 2017 12:59:07 +0800
Subject: [PATCH 1/2] add onHeaderClick on column properties

---
 README.md      | 6 ++++++
 src/Column.jsx | 1 +
 src/Table.jsx  | 1 +
 3 files changed, 8 insertions(+)

diff --git a/README.md b/README.md
index 9067b174e..e90df19bb 100644
--- a/README.md
+++ b/README.md
@@ -295,6 +295,12 @@ React.render(<Table columns={columns} data={data} />, mountNode);
       <td></td>
       <td>Called when column's cell is clicked</td>
     </tr>
+    <tr>
+      <td>onHeaderClick</td>
+      <td>Function(event)</td>
+      <td></td>
+      <td>Called when column's header is clicked</td>
+    </tr>
   </tbody>
 </table>
 
diff --git a/src/Column.jsx b/src/Column.jsx
index 8a167ea2d..7b7deac7a 100644
--- a/src/Column.jsx
+++ b/src/Column.jsx
@@ -17,5 +17,6 @@ export default class Column extends Component {
     ]),
     render: PropTypes.func,
     onCellClick: PropTypes.func,
+    onHeaderClick: PropTypes.func,
   }
 }
diff --git a/src/Table.jsx b/src/Table.jsx
index a27413164..996ac92f8 100644
--- a/src/Table.jsx
+++ b/src/Table.jsx
@@ -225,6 +225,7 @@ export default class Table extends React.Component {
         key: column.key,
         className: column.className || '',
         children: column.title,
+        onClick: column.onHeaderClick,
       };
       if (column.children) {
         this.getHeaderRows(column.children, currentRow + 1, rows);

From 71b661b2b9614f409b3506d62d5c2507617ffc96 Mon Sep 17 00:00:00 2001
From: ds3783 <ds3783@gmail.com>
Date: Sat, 25 Feb 2017 19:05:55 +0800
Subject: [PATCH 2/2] add onHeaderClick on column properties(fix test)

---
 src/Table.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Table.jsx b/src/Table.jsx
index 996ac92f8..9abf5d6f8 100644
--- a/src/Table.jsx
+++ b/src/Table.jsx
@@ -225,7 +225,6 @@ export default class Table extends React.Component {
         key: column.key,
         className: column.className || '',
         children: column.title,
-        onClick: column.onHeaderClick,
       };
       if (column.children) {
         this.getHeaderRows(column.children, currentRow + 1, rows);
@@ -236,6 +235,9 @@ export default class Table extends React.Component {
       if ('rowSpan' in column) {
         cell.rowSpan = column.rowSpan;
       }
+      if (typeof column.onHeaderClick === 'function') {
+        cell.onClick = column.onHeaderClick;
+      }
       if (cell.colSpan !== 0) {
         rows[currentRow].push(cell);
       }