Merge pull request #55 from easeq/master

Fixed webkit header selection centering issue

Author: easeq

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@flipbyte/redux-datatable",
-    "version": "0.7.11",
+    "version": "0.7.12",
     "description": "React-Redux data table",
     "main": "lib/index.js",
     "module": "es/index.js",

package.json

@@ -23,14 +23,16 @@ const Selection = ({ name, action }) => {
     const { getData, config: { primaryKey } } = useContext(ConfigContext);
     const selection = useSelector(getData(tableData => tableData.selection || {}));
     return (
-        <Field.Input
-            type="checkbox"
-            name={ name }
-            checked={ selection.all === true && _.isEmpty(selection.selected) }
-            onChange={(event) => handleSelection(action(SET_SELECTION), primaryKey, event)}
-            ref={(el) => el && (el.indeterminate = isIndeterminate(selection, primaryKey))}
-        />
-);
+        <div className="col-12">
+            <Field.Input
+                type="checkbox"
+                name={ name }
+                checked={ selection.all === true && _.isEmpty(selection.selected) }
+                onChange={(event) => handleSelection(action(SET_SELECTION), primaryKey, event)}
+                ref={(el) => el && (el.indeterminate = isIndeterminate(selection, primaryKey))}
+            />
+        </div>
+    );
 };
 
 export default Selection;