From a2db251775854ea8c1707cf1a0cb6df5efadc267 Mon Sep 17 00:00:00 2001
From: Michal Lipski <kiwaczki@gmail.com>
Date: Tue, 14 Nov 2017 15:28:30 +0100
Subject: [PATCH] Wrapping header content in a div element

Wrapping header content in a div element in order to apply styles on all of the header elements without modifying styles of the header.
---
 src/TableHeaderColumn.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/TableHeaderColumn.js b/src/TableHeaderColumn.js
index b986cb54f..0d66c1ede 100644
--- a/src/TableHeaderColumn.js
+++ b/src/TableHeaderColumn.js
@@ -181,9 +181,11 @@ class TableHeaderColumn extends Component {
           colSpan={ this.props.colSpan }
           data-is-only-head={ this.props.isOnlyHead }
           { ...attr }>
-        { children }{ sortCaret }
-        <div onClick={ e => e.stopPropagation() }>
-          { this.props.filter && !isOnlyHead ? this.getFilters() : null }
+        <div className='header-content'>
+          { children }{ sortCaret }
+          <div onClick={ e => e.stopPropagation() }>
+            { this.props.filter && !isOnlyHead ? this.getFilters() : null }
+          </div>
         </div>
       </th>
     );