qbs-react-grid 1.1.31 → 1.1.33

package/es/Loader.js

@@ -24,6 +24,9 @@ var Loader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, function (_, index) {
         return /*#__PURE__*/React.createElement("div", {
           key: index,
+          style: {
+            minWidth: window.innerWidth / colLength
+          },
           className: "skeleton-cell"
         });
       })), (keyind + 1) % 5 === 0 && keyind !== 14 && /*#__PURE__*/React.createElement("div", {

package/es/Table.js

@@ -761,7 +761,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: prefix('body-row-wrapper'),
       style: bodyStyles,
       onScroll: onScrollBody
-    }, /*#__PURE__*/React.createElement("div", {
+    }, !loading && /*#__PURE__*/React.createElement("div", {
       style: wheelStyles,
       className: prefix('body-wheel-area'),
       ref: wheelWrapperRef

package/lib/Loader.js

@@ -29,6 +29,9 @@ var Loader = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       }, function (_, index) {
         return /*#__PURE__*/_react["default"].createElement("div", {
           key: index,
+          style: {
+            minWidth: window.innerWidth / colLength
+          },
           className: "skeleton-cell"
         });
       })), (keyind + 1) % 5 === 0 && keyind !== 14 && /*#__PURE__*/_react["default"].createElement("div", {

package/lib/Table.js

@@ -768,7 +768,7 @@ var Table = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       className: prefix('body-row-wrapper'),
       style: bodyStyles,
       onScroll: onScrollBody
-    }, /*#__PURE__*/_react["default"].createElement("div", {
+    }, !loading && /*#__PURE__*/_react["default"].createElement("div", {
       style: wheelStyles,
       className: prefix('body-wheel-area'),
       ref: wheelWrapperRef

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qbs-react-grid",
-  "version": "1.1.31",
+  "version": "1.1.33",
   "description": "A React table component",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

package/src/Loader.tsx

@@ -16,14 +16,16 @@ const Loader = React.forwardRef((props: LoaderProps, ref: React.Ref<HTMLDivEleme
   const loadingElement = () => {
     return (
       <div ref={ref} className={addPrefix('loader-wrapper')}>
-        {/* <div className={addPrefix('loader')}> */}
-        {/* <i className={addPrefix('loader-icon')} /> */}
         <div className="skeleton-table">
           {Array.from({ length: 15 }, (_, keyind) => (
             <React.Fragment key={keyind}>
               <div className="skeleton-row">
                 {Array.from({ length: colLength }, (_, index) => (
-                  <div key={index} className="skeleton-cell"></div>
+                  <div
+                    key={index}
+                    style={{ minWidth: window.innerWidth / colLength }}
+                    className="skeleton-cell"
+                  ></div>
                 ))}
               </div>
               {(keyind + 1) % 5 === 0 && keyind !== 14 && <div className="skeleton-divider"></div>}

package/src/Table.tsx

@@ -1109,11 +1109,13 @@ const Table = React.forwardRef(<Row extends RowDataType, Key>(props: TableProps<
         style={bodyStyles}
         onScroll={onScrollBody}
       >
-        <div style={wheelStyles} className={prefix('body-wheel-area')} ref={wheelWrapperRef}>
-          {topHideHeight ? <Row style={topRowStyles} className="virtualized" /> : null}
-          {visibleRows.current}
-          {bottomHideHeight ? <Row style={bottomRowStyles} className="virtualized" /> : null}
-        </div>
+        {!loading && (
+          <div style={wheelStyles} className={prefix('body-wheel-area')} ref={wheelWrapperRef}>
+            {topHideHeight ? <Row style={topRowStyles} className="virtualized" /> : null}
+            {visibleRows.current}
+            {bottomHideHeight ? <Row style={bottomRowStyles} className="virtualized" /> : null}
+          </div>
+        )}
 
         <EmptyMessage
           locale={locale}