enhance footer event

docs/columns.md

@@ -666,7 +666,7 @@ It's also available to custom via a callback function:
 {
   // omit...
   footerEvents: {
-    onClick: e => { ... }
+    onClick: (e, column, columnIndex) => { ... }
   }
 }
 ```

packages/react-bootstrap-table2-example/examples/footer/column-event-table.js

@@ -12,7 +12,7 @@ const columns = [{
   dataField: 'id',
   text: 'Product ID',
   footerEvents: {
-    onClick: () => alert('Click on Product ID footer column')
+    onClick: (e, column, columnIndex) => alert(`Click on Product ID header column, columnIndex: ${columnIndex}`)
   },
   footer: 'Footer 1'
 }, {
@@ -32,7 +32,7 @@ const columns = [{
     dataField: 'id',
     text: 'Product ID',
     footerEvents: {
-      onClick: () => alert('Click on Product ID footer column')
+      onClick: (e, column, columnIndex) => alert('Click on Product ID footer column')
     },
     footer: 'Footer 1'
   }, {

packages/react-bootstrap-table2/src/footer-cell.js

@@ -4,9 +4,11 @@ import cs from 'classnames';
 import PropTypes from 'prop-types';
 
 import _ from './utils';
+import eventDelegater from './cell-event-delegater';
 
-const FooterCell = (props) => {
-  const { index, column, columnData } = props;
+class FooterCell extends eventDelegater(React.Component) {
+  render() {
+    const { index, column, columnData } = this.props;
 
     const {
       footer,
@@ -19,11 +21,13 @@ const FooterCell = (props) => {
       footerAttrs
     } = column;
 
+    const delegateEvents = this.delegate(footerEvents);
     const cellAttrs = {
       ...(_.isFunction(footerAttrs) ? footerAttrs(column, index) : footerAttrs),
-    ...footerEvents
+      ...delegateEvents
     };
 
+
     let text = '';
     if (_.isString(footer)) {
       text = footer;
@@ -53,7 +57,8 @@ const FooterCell = (props) => {
     const children = footerFormatter ? footerFormatter(column, index) : text;
 
     return React.createElement('th', cellAttrs, children);
-};
+  }
+}
 
 FooterCell.propTypes = {
   columnData: PropTypes.array,