jattac.libs.web.responsive-table 0.2.14 → 0.2.16

package/README.md

@@ -501,9 +501,11 @@ const FilterableTable = () => {
 
 #### `InfiniteScrollPlugin`
 
-Enables high-performance virtualization for displaying large datasets. When enabled, the table will only render the rows currently visible on the screen, loading more data as the user scrolls. This is essential for maintaining a smooth user experience with thousands or millions of rows.
+Enables a simple infinite scroll for loading more data as the user scrolls to the bottom of the table. This is useful for progressively loading data from an API without needing traditional pagination buttons.
 
-> **Important:** To enable infinite scrolling, you **must** give the table a bounded height. This is done by passing the `maxHeight` prop to the `<ResponsiveTable>`. This prop creates a scrollable container for the table body, which is required for virtualization to work.
+> **Important:** To enable infinite scroll, you **must** give the table a bounded height. This is done by passing the `maxHeight` prop to the `<ResponsiveTable>`. This prop creates a scrollable container for the table body, which is required for the scroll detection to work.
+
+> **Performance Note:** This implementation renders all loaded rows into the DOM to guarantee correct column alignment and simplicity. It is **not a virtualized list**. For extremely large datasets (many thousands of rows), performance may degrade as more rows are loaded. It is best suited for scenarios where loading a few hundred up to a couple thousand rows is expected.
 
 **Configuration (via `infiniteScrollProps` on `ResponsiveTable`):**
 

package/dist/UI/InfiniteTable.d.ts

@@ -34,28 +34,23 @@ interface IState<TData> {
     processedData: TData[];
     isLoadingMore: boolean;
     isHeaderSticky: boolean;
-    columnWidths: number[];
 }
 declare class InfiniteTable<TData> extends Component<IProps<TData>, IState<TData>> {
     private debouncedResize;
     private tableContainerRef;
     private headerRef;
-    private resizeObserver;
     constructor(props: IProps<TData>);
-    private get mobileBreakpoint();
-    private debounce;
-    private get data();
-    private get noDataSvg();
-    private get hasData();
-    private get noDataComponent();
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: IProps<TData>): void;
-    private measureHeader;
+    private debounce;
+    handleResize: () => void;
     private handleScroll;
     private initializePlugins;
     private processData;
-    handleResize: () => void;
+    private get data();
+    private get hasData();
+    private get noDataComponent();
     private getColumnDefinition;
     private getRawColumnDefinition;
     private onHeaderClickCallback;
@@ -63,13 +58,8 @@ declare class InfiniteTable<TData> extends Component<IProps<TData>, IState<TData
     private getHeaderProps;
     private get rowClickFunction();
     private get rowClickStyle();
-    private get tableFooter();
-    private get mobileFooter();
-    private get skeletonView();
     private get mobileView();
     private get largeScreenView();
-    private renderPluginHeaders;
-    private renderPluginFooters;
-    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+    render(): React.JSX.Element;
 }
 export default InfiniteTable;