Added additional class names for external styling

Author: easeq

src/components/Body.js

@@ -106,6 +106,7 @@ const Body = React.forwardRef(({ top: startTop = 0 }, ref) => {
 
     return (
         <Tbody
+            className="table-body"
             styles={ getStyles(styles, 'tbody') }
             ref={ ref }
             isPrinting={ isPrinting }

src/components/Filters.js

@@ -23,7 +23,7 @@ const Filters = React.forwardRef(({ children }, ref) => {
     const width = useSelector(getData(tableData => tableData.table ? tableData.table.width : 0));
 
     return (
-        <Thead styles={ getStyles(styles, 'filters') } ref={ ref }>
+        <Thead className="table-filters" styles={ getStyles(styles, 'filters') } ref={ ref }>
             <div style={{ width }}>
                 <Tr className="rdt-table-row" columns={ columns } styles={ getStyles(styles.tr, 'filters') }>
                     {(config, index) => {

src/components/Header.js

@@ -42,7 +42,7 @@ const Header = React.forwardRef(({ children }, ref) => {
     const width = useSelector(getData(tableData => tableData.table ? tableData.table.width : 0));
 
     return (
-        <Thead styles={ getStyles(styles, 'thead') } ref={ ref }>
+        <Thead className="table-header" styles={ getStyles(styles, 'thead') } ref={ ref }>
             <div style={{ width }}>
                 <Tr className="rdt-table-row" columns={ columns } styles={ getStyles(styles.tr, 'header') }>
                     {(config, index) => {

src/components/Table.js

@@ -6,7 +6,7 @@ const Table = ({ children }) => {
     const { config } = useContext(ConfigContext);
     const { styles = {} } = config.components.Table;
     return (
-        <StyledTable styles={ styles.table }>
+        <StyledTable className="rdt-table" styles={ styles.table }>
             { children }
         </StyledTable>
     );