fix a wrong global css effect

AllenFang · Aug 13, 2016 · 0e2b1f2 · 0e2b1f2
1 parent 0550078
commit 0e2b1f2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/examples/customMultiSelect.css b/examples/customMultiSelect.css
@@ -51,10 +51,10 @@
   transform: rotate(90deg);
 }
 
-.react-bs-table .react-bs-container-body > table > tbody > tr > td:first-child {
+.custom-select-body-class > tbody > tr > td:first-child {
   padding: 0 !important;
 }
 
-.react-bs-table .react-bs-container-header > table > thead > tr > th:first-child {
+.custom-select-header-class > thead > tr > th:first-child {
   padding: 0 !important;
 }
diff --git a/examples/js/selection/custom-multi-select-table.js b/examples/js/selection/custom-multi-select-table.js
@@ -79,7 +79,8 @@ export default class CustomMultiSelectTable extends React.Component {
       customComponent: this.customMultiSelect
     };
     return (
-      <BootstrapTable data={ products } selectRow={ selectRowProp }>
+      <BootstrapTable data={ products } selectRow={ selectRowProp }
+        tableHeaderClass='custom-select-header-class' tableBodyClass='custom-select-body-class'>
           <TableHeaderColumn dataField='id' isKey={ true }>Product ID</TableHeaderColumn>
           <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>
           <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn>