fix table issue in reactgeoda

Signed-off-by: Xun Li <[email protected]>

src/components/src/common/data-table/index.tsx

@@ -7,7 +7,7 @@ import styled, {withTheme} from 'styled-components';
 import classnames from 'classnames';
 import {createSelector} from 'reselect';
 import get from 'lodash.get';
-import debounce from 'lodash.debounce';
+// import debounce from 'lodash.debounce';
 import {ArrowDown} from '../icons';
 
 import {CellSizeCache} from './cell-size';
@@ -485,7 +485,7 @@ function DataTableFactory(HeaderCell: ReturnType<typeof HeaderCellFactory>) {
       this.setState(this.getCellSizeCache());
     };
 
-    scaleCellsToWidth = debounce(this.doScaleCellsToWidth, 300);
+    scaleCellsToWidth = this.doScaleCellsToWidth;
 
     renderDataCell = (columns, isPinned, props: DataTableProps) => {
       const getRowCell = this.props.getRowCell ?? defaultGetRowCell;
@@ -600,6 +600,7 @@ function DataTableFactory(HeaderCell: ReturnType<typeof HeaderCellFactory>) {
         <Container
           className="data-table-container"
           ref={this.root}
+          theme={theme}
           hasCustomScrollBarStyle={hasCustomScrollBarStyle}
         >
           {Object.keys(cellSizeCache).length ? (

src/components/src/index.ts

@@ -227,6 +227,8 @@ export {default as VerticalToolbar} from './common/vertical-toolbar';
 export {default as ToolbarItem} from './common/toolbar-item';
 export {default as ShareMapUrlModalFactory, SharingUrl} from './modals/share-map-modal';
 export {default as TippyTooltip} from './common/tippy-tooltip';
+export {renderedSize} from './common/data-table/cell-size';
+export type {DataTableProps} from './common/data-table';
 
 // side pane components
 export {default as LayerTypeSelectorFactory} from './side-panel/layer-panel/layer-type-selector';