[Data Grid] Add hidePerPageOptions prop into EuiDataGridPaginationProps

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Added `hidePerPageOptions` prop into `EuiDataGridPaginationProps` ([#3700](https://github.com/elastic/eui/pull/3700))
 - Added `paddingSize` prop to `EuiCard` ([#3638](https://github.com/elastic/eui/pull/3638))
 - Added `isClearable` and `placeholder` options to `EuiColorPicker` ([#3689](https://github.com/elastic/eui/pull/3689))
 - Added SASS helper files for EUI theme globals ([#3691](https://github.com/elastic/eui/pull/3691))

src-docs/src/views/datagrid/datagrid_example.js

@@ -71,6 +71,7 @@ const gridSnippet = `
     }
     // Optional. Add pagination.
     pagination={{
+      hidePerPageOptions: true,
       pageIndex: 1,
       pageSize: 100,
       pageSizeOptions: [50, 100, 200],

src/components/datagrid/data_grid.tsx

@@ -210,6 +210,7 @@ function renderPagination(props: EuiDataGridProps, controls: string) {
   }
 
   const {
+    hidePerPageOptions,
     pageIndex,
     pageSize,
     pageSizeOptions,
@@ -247,6 +248,7 @@ function renderPagination(props: EuiDataGridProps, controls: string) {
                   <EuiTablePagination
                     aria-controls={controls}
                     activePage={pageIndex}
+                    hidePerPageOptions={hidePerPageOptions}
                     itemsPerPage={pageSize}
                     itemsPerPageOptions={pageSizeOptions}
                     pageCount={pageCount}

src/components/datagrid/data_grid_types.ts

@@ -166,6 +166,10 @@ export interface EuiDataGridToolBarVisibilityOptions {
 // but TypeScript's default understanding of an array is number[] unless `as const` is used
 // which defeats the generic's purpose & functionality as it would check for `number` in `number[]`
 export interface EuiDataGridPaginationProps {
+  /**
+   * Hide per page options if necessary
+   */
+  hidePerPageOptions?: boolean;
   /**
    * The index of the current page, starts at 0 for the first page
    */