diff --git a/packages/react-bootstrap-table2-filter/src/components/date.js b/packages/react-bootstrap-table2-filter/src/components/date.js
index a2d1b44..25a7fdd 100644
--- a/packages/react-bootstrap-table2-filter/src/components/date.js
+++ b/packages/react-bootstrap-table2-filter/src/components/date.js
@@ -132,11 +132,11 @@ class DateFilter extends Component {
         className={ `filter date-filter ${className}` }
         style={ style }
       >
-        <label htmlFor={`date-filter-comparator-${ column.text }`}>
+        <label htmlFor={ `date-filter-comparator-${text}` }>
           <span className="sr-only">Filter comparator</span>
           <select
             ref={ n => this.dateFilterComparator = n }
-            id={`date-filter-comparator-${ column.text }`}
+            id={ `date-filter-comparator-${text}` }
             style={ comparatorStyle }
             className={ `date-filter-comparator form-control ${comparatorClassName}` }
             onChange={ this.onChangeComparator }
@@ -145,11 +145,11 @@ class DateFilter extends Component {
             { this.getComparatorOptions() }
           </select>
         </label>
-        <label htmlFor={`date-filter-column-${ column.text }`}>
-          <span className="sr-only">Enter ${ column.text }</span>
+        <label htmlFor={ `date-filter-column-${text}` }>
+          <span className="sr-only">Enter ${ text }</span>
           <input
             ref={ n => this.inputDate = n }
-            id={`date-filter-column-${ column.text }`}
+            id={ `date-filter-column-${text}` }
             className={ `filter date-filter-input form-control ${dateClassName}` }
             style={ dateStyle }
             type="date"
diff --git a/packages/react-bootstrap-table2-filter/src/components/multiselect.js b/packages/react-bootstrap-table2-filter/src/components/multiselect.js
index 8d658ca..e4c1f3e 100644
--- a/packages/react-bootstrap-table2-filter/src/components/multiselect.js
+++ b/packages/react-bootstrap-table2-filter/src/components/multiselect.js
@@ -111,12 +111,12 @@ class MultiSelectFilter extends Component {
       `filter select-filter form-control ${className} ${this.state.isSelected ? '' : 'placeholder-selected'}`;
 
     return (
-      <label htmlFor={`multiselect-filter-column-${column.text}`}>
+      <label htmlFor={ `multiselect-filter-column-${column.text}` }>
         <span className="sr-only">Filter by {column.text}</span>
         <select
           { ...rest }
           ref={ n => this.selectInput = n }
-          id={`multiselect-filter-column-${column.text}`}
+          id={ `multiselect-filter-column-${column.text}` }
           style={ style }
           multiple
           className={ selectClass }
diff --git a/packages/react-bootstrap-table2-filter/src/components/number.js b/packages/react-bootstrap-table2-filter/src/components/number.js
index 5968b62..843a06b 100644
--- a/packages/react-bootstrap-table2-filter/src/components/number.js
+++ b/packages/react-bootstrap-table2-filter/src/components/number.js
@@ -170,16 +170,16 @@ class NumberFilter extends Component {
     return (
       <div
         onClick={ e => e.stopPropagation() }
-        className={`filter number-filter ${className}`}
+        className={ `filter number-filter ${className}` }
         style={ style }
       >
-        <label htmlFor={`number-filter-comparator-${column.text}`}>
+        <label htmlFor={ `number-filter-comparator-${column.text}` }>
           <span className="sr-only">Filter comparator</span>
           <select
             ref={ n => this.numberFilterComparator = n }
             style={ comparatorStyle }
-            id={`number-filter-comparator-${ column.text }`}
-            className={`number-filter-comparator form-control ${comparatorClassName}`}
+            id={ `number-filter-comparator-${column.text}` }
+            className={ `number-filter-comparator form-control ${comparatorClassName}` }
             onChange={ this.onChangeComparator }
             defaultValue={ defaultValue ? defaultValue.comparator : '' }
           >
@@ -187,33 +187,33 @@ class NumberFilter extends Component {
           </select>
         </label>
         {
-          options ? 
-          <label htmlFor={`number-filter-column-${ column.text }`}>
-            <span className="sr-only">{`Select ${column.text}`}</span>
-            <select
-              ref={ n => this.numberFilter = n }
-              id={`number-filter-column-${ column.text }`}
-              style={ numberStyle }
-              className={ selectClass }
-              onChange={ this.onChangeNumberSet }
-              defaultValue={ defaultValue ? defaultValue.number : '' }
-            >
-              { this.getNumberOptions() }
-            </select>
-          </label> :
-          <label htmlFor={`number-filter-column-${ column.text }`}>
-            <span className="sr-only">{`Enter ${ column.text }`}</span>
-            <input
-              ref={ n => this.numberFilter = n }
-              id={`number-filter-column-${ column.text }`}
-              type="number"
-              style={ numberStyle }
-              className={`number-filter-input form-control ${numberClassName}`}
-              placeholder={ placeholder || `Enter ${column.text}...` }
-              onChange={ this.onChangeNumber }
-              defaultValue={ defaultValue ? defaultValue.number : '' }
-            />
-          </label>
+          options ?
+            <label htmlFor={ `number-filter-column-${column.text}` }>
+              <span className="sr-only">{`Select ${column.text}`}</span>
+              <select
+                ref={ n => this.numberFilter = n }
+                id={ `number-filter-column-${column.text}` }
+                style={ numberStyle }
+                className={ selectClass }
+                onChange={ this.onChangeNumberSet }
+                defaultValue={ defaultValue ? defaultValue.number : '' }
+              >
+                { this.getNumberOptions() }
+              </select>
+            </label> :
+            <label htmlFor={ `number-filter-column-${column.text}` }>
+              <span className="sr-only">{`Enter ${column.text}`}</span>
+              <input
+                ref={ n => this.numberFilter = n }
+                id={ `number-filter-column-${column.text}` }
+                type="number"
+                style={ numberStyle }
+                className={ `number-filter-input form-control ${numberClassName}` }
+                placeholder={ placeholder || `Enter ${column.text}...` }
+                onChange={ this.onChangeNumber }
+                defaultValue={ defaultValue ? defaultValue.number : '' }
+              />
+            </label>
         }
       </div>
     );
diff --git a/packages/react-bootstrap-table2-filter/src/components/select.js b/packages/react-bootstrap-table2-filter/src/components/select.js
index c9089b7..b2d6973 100644
--- a/packages/react-bootstrap-table2-filter/src/components/select.js
+++ b/packages/react-bootstrap-table2-filter/src/components/select.js
@@ -136,12 +136,12 @@ class SelectFilter extends Component {
       `filter select-filter form-control ${className} ${this.state.isSelected ? '' : 'placeholder-selected'}`;
 
     return (
-      <label htmlFor={`select-filter-column-${ column.text }`}>
+      <label htmlFor={ `select-filter-column-${column.text}` }>
         <span className="sr-only">Filter by { column.text }</span>
         <select
           { ...rest }
           ref={ n => this.selectInput = n }
-          id={`select-filter-column-${ column.text }`}
+          id={ `select-filter-column-${column.text}` }
           style={ style }
           className={ selectClass }
           onChange={ this.filter }
diff --git a/packages/react-bootstrap-table2-filter/src/components/text.js b/packages/react-bootstrap-table2-filter/src/components/text.js
index f76d07f..a4268c4 100644
--- a/packages/react-bootstrap-table2-filter/src/components/text.js
+++ b/packages/react-bootstrap-table2-filter/src/components/text.js
@@ -94,13 +94,13 @@ class TextFilter extends Component {
 
     // stopPropagation for onClick event is try to prevent sort was triggered.
     return (
-      <label htmlFor={`text-filter-column-${text}`}>
+      <label htmlFor={ `text-filter-column-${text}` }>
         <span className="sr-only">Filter by {text}</span>
         <input
           { ...rest }
           ref={ n => this.input = n }
           type="text"
-          id={`text-filter-column-${ text }`}
+          id={ `text-filter-column-${text}` }
           className={ `filter text-filter form-control ${className}` }
           style={ style }
           onChange={ this.filter }
diff --git a/packages/react-bootstrap-table2-paginator/src/page-button.js b/packages/react-bootstrap-table2-paginator/src/page-button.js
index 94a4d6d..c81b8e2 100644
--- a/packages/react-bootstrap-table2-paginator/src/page-button.js
+++ b/packages/react-bootstrap-table2-paginator/src/page-button.js
@@ -30,7 +30,7 @@ class PageButton extends Component {
     }, className);
 
     return (
-      <li className={ classes } title={`page-${title}`}>
+      <li className={ classes } title={ `page-${title}` }>
         <a href="#" onClick={ this.handleClick } className="page-link">{ page }</a>
       </li>
     );
diff --git a/packages/react-bootstrap-table2-paginator/test/page-button.test.js b/packages/react-bootstrap-table2-paginator/test/page-button.test.js
index 25c51d6..087b270 100644
--- a/packages/react-bootstrap-table2-paginator/test/page-button.test.js
+++ b/packages/react-bootstrap-table2-paginator/test/page-button.test.js
@@ -105,7 +105,7 @@ describe('PageButton', () => {
     const title = 'aTitle';
     beforeEach(() => {
       wrapper = shallow(
-        <PageButton {...props} active disabled={false} title={`page-${ title }`} />
+        <PageButton { ...props } active disabled={ false } title={ `page-${title}` } />
       );
     });
 
diff --git a/packages/react-bootstrap-table2-toolkit/src/search/SearchBar.js b/packages/react-bootstrap-table2-toolkit/src/search/SearchBar.js
index 9ade309..a8ca9d1 100644
--- a/packages/react-bootstrap-table2-toolkit/src/search/SearchBar.js
+++ b/packages/react-bootstrap-table2-toolkit/src/search/SearchBar.js
@@ -55,15 +55,15 @@ class SearchBar extends React.Component {
       className,
       style,
       placeholder,
-      tableId,
+      tableId
     } = this.props;
 
     return (
-      <label htmlFor={`search-bar-${tableId}`} className="w-100">
-      <span className="sr-only">Search this table</span>
+      <label htmlFor={ `search-bar-${tableId}` } className="w-100">
+        <span className="sr-only">Search this table</span>
         <input
           ref={ n => this.input = n }
-          id={`search-bar-${ tableId }`}
+          id={ `search-bar-${tableId}` }
           type="text"
           style={ style }
           onKeyUp={ () => this.onKeyup() }