@pdg/react-table 1.0.15 → 1.0.17

package/dist/SearchTable/SearchTable.types.d.ts

@@ -17,6 +17,7 @@ export interface SearchTableTableProps<T = TableItem> extends Omit<TableProps<T>
 export interface SearchTableProps extends CommonSxProps {
     color?: SearchProps['color'];
     hash?: boolean;
+    stickyHeader?: boolean;
     fullHeight?: boolean;
     search?: SearchTableSearchProps;
     table: SearchTableTableProps;

package/dist/index.esm.js

@@ -8850,21 +8850,22 @@ var Table = React__default.forwardRef(function (_a, ref) {
         }
     }, [initStyle, fullHeight]);
     var simpleBarStyle = useMemo(function () {
+        var finalPagingHeight = paging && paging.total > 0 ? pagingHeight : undefined;
         if (fullHeight) {
             return {
-                height: (containerHeight || 0) - (pagingHeight || 0) - 2,
+                height: (containerHeight || 0) - (finalPagingHeight || 0) - 2,
                 flex: 1,
                 position: 'absolute',
                 top: 1,
                 left: 0,
                 right: 0,
-                marginBottom: pagingHeight || 0,
+                marginBottom: finalPagingHeight || 0,
             };
         }
         else {
             return { height: height, minHeight: minHeight, maxHeight: maxHeight, marginBottom: -1 };
         }
-    }, [containerHeight, fullHeight, height, maxHeight, minHeight, pagingHeight]);
+    }, [paging, containerHeight, fullHeight, height, maxHeight, minHeight, pagingHeight]);
     var pagingStyle = useMemo(function () {
         var style = { padding: '13px 0', borderTop: '1px solid rgba(224, 224, 224, 1)' };
         if (fullHeight) {
@@ -8886,12 +8887,13 @@ var Table = React__default.forwardRef(function (_a, ref) {
                             React__default.createElement("div", null, "\uAC80\uC0C9\uB41C \uC815\uBCF4\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4."))))))) : undefined),
                     footer && (React__default.createElement(TableFooter, null,
                         React__default.createElement(TableRow, null, finalColumns.map(function (column, idx) { return (React__default.createElement(TableFooterCell, { key: idx, column: column, defaultAlign: defaultAlign })); }))))))),
-        paging && (React__default.createElement(Stack, { ref: fullHeight ? pagingHeightResizeDetector : undefined, alignItems: pagingAlign, style: pagingStyle },
+        paging && paging.total > 0 && (React__default.createElement(Stack, { ref: fullHeight ? pagingHeightResizeDetector : undefined, alignItems: pagingAlign, style: pagingStyle },
             React__default.createElement(TablePagination, { className: pagination === null || pagination === void 0 ? void 0 : pagination.className, style: pagination === null || pagination === void 0 ? void 0 : pagination.style, sx: pagination === null || pagination === void 0 ? void 0 : pagination.sx, paging: paging, align: pagingAlign, onChange: onPageChange }))))) : null;
 });
 Table.displayName = 'Table';
 Table.defaultProps = TableDefaultProps;var SearchTableDefaultProps = {};var SearchTable = React__default.forwardRef(function (_a, ref) {
-    var color = _a.color, hash = _a.hash, fullHeight = _a.fullHeight, search = _a.search, table = _a.table, betweenSearchTableComponent = _a.betweenSearchTableComponent, onGetData = _a.onGetData, onRequestHashChange = _a.onRequestHashChange, 
+    var _b, _c;
+    var color = _a.color, hash = _a.hash, stickyHeader = _a.stickyHeader, fullHeight = _a.fullHeight, search = _a.search, table = _a.table, betweenSearchTableComponent = _a.betweenSearchTableComponent, onGetData = _a.onGetData, onRequestHashChange = _a.onRequestHashChange, 
     // ---------------------------------------------------------------------------------------------------------------
     className = _a.className, initStyle = _a.style, sx = _a.sx;
     var searchRef = useRef();
@@ -8919,11 +8921,11 @@ Table.defaultProps = TableDefaultProps;var SearchTableDefaultProps = {};var Sear
     // Ref -------------------------------------------------------------------------------------------------------------
     var lastGetDataDataRef = useRef({});
     // State -----------------------------------------------------------------------------------------------------------
-    var _b = useState(true), isFirstSearchSubmit = _b[0], setIsFirstSearchSubmit = _b[1];
-    var _c = useState(), tableData = _c[0], setTableData = _c[1];
+    var _d = useState(true), isFirstSearchSubmit = _d[0], setIsFirstSearchSubmit = _d[1];
+    var _e = useState(), tableData = _e[0], setTableData = _e[1];
     // searchInfo ------------------------------------------------------------------------------------------------------
     var searchInfoFirstUseEffect = useRef(true);
-    var _d = useState(function () { return getSearchInfo(search); }), searchInfo = _d[0], setSearchInfo = _d[1];
+    var _f = useState(function () { return getSearchInfo(search); }), searchInfo = _f[0], setSearchInfo = _f[1];
     useEffect(function () {
         if (searchInfoFirstUseEffect.current) {
             searchInfoFirstUseEffect.current = false;
@@ -8935,7 +8937,7 @@ Table.defaultProps = TableDefaultProps;var SearchTableDefaultProps = {};var Sear
     }, [search]);
     // tableInfo -------------------------------------------------------------------------------------------------------
     var tableInfoFirstUseEffect = useRef(true);
-    var _e = useState(function () { return getTableInfo(table); }), tableInfo = _e[0], setTableInfo = _e[1];
+    var _g = useState(function () { return getTableInfo(table); }), tableInfo = _g[0], setTableInfo = _g[1];
     useEffect(function () {
         if (tableInfoFirstUseEffect.current) {
             tableInfoFirstUseEffect.current = false;
@@ -9207,7 +9209,7 @@ Table.defaultProps = TableDefaultProps;var SearchTableDefaultProps = {};var Sear
                 searchInfo.searchGroups)),
         betweenSearchTableComponent && React__default.createElement(Grid, { item: true }, betweenSearchTableComponent),
         React__default.createElement(Grid, { item: true, style: tableContainerStyle },
-            React__default.createElement(Table, __assign$1({}, tableInfo.props, { fullHeight: fullHeight, ref: function (commands) {
+            React__default.createElement(Table, __assign$1({}, tableInfo.props, { stickyHeader: stickyHeader || ((_b = tableInfo.props) === null || _b === void 0 ? void 0 : _b.stickyHeader), fullHeight: fullHeight || ((_c = tableInfo.props) === null || _c === void 0 ? void 0 : _c.fullHeight), ref: function (commands) {
                     if (tableInfo.ref) {
                         if (typeof tableInfo.ref === 'function') {
                             tableInfo.ref(commands);