paginationComponentOptions.minWindowWidth (defaults to SMALL == 599)

Author: ryan-williams

src/DataTable/Pagination.tsx

@@ -95,7 +95,9 @@ function Pagination({
 }: PaginationProps): JSX.Element {
 	const windowSize = useWindowSize();
 	const isRTL = useRTL(direction);
-	const shouldShow = windowSize.width && windowSize.width > SMALL;
+	const { minWindowWidth = SMALL } = paginationComponentOptions;
+	const windowWidth = windowSize.width;
+	const shouldShow = !minWindowWidth || (windowWidth && windowWidth > minWindowWidth);
 	// const isRTL = detectRTL(direction);
 	const numPages = getNumberOfPages(rowCount, rowsPerPage);
 	const lastIndex = currentPage * rowsPerPage;

src/DataTable/types.ts

@@ -218,6 +218,10 @@ export interface TableStyles {
 
 export interface PaginationOptions {
 	noRowsPerPage?: boolean;
+	// If non-null, the "rows per page" dropdown will be hidden when the window width is less than
+	// this value. SMALL == 599 is the default (if this property is undefined); pass `null` to always
+	// show the dropdown (useful for ensuring SSR matches client).
+	minWindowWidth?: number | null;
 	rowsPerPageText?: string;
 	rangeSeparatorText?: string;
 	selectAllRowsItem?: boolean;