[EuiBasicTable] Move to next-to-last page if all items of last pages are deleted.

CHANGELOG.md

@@ -7,6 +7,7 @@
 **Bug Fixes**
 
 - Fixed `EuiSuperSelect` not rendering full width when `isOpen` is `true` ([#3495](https://github.com/elastic/eui/pull/3495))
+- Fixed `EuiBasicTable` shows no items if all items of last page is deleted  ([#3422](https://github.com/elastic/eui/pull/3422))
 
 **Deprecations**
 

src/components/basic_table/basic_table.tsx

@@ -477,7 +477,7 @@ export class EuiBasicTable<T = any> extends Component<
     );
 
     const table = this.renderTable();
-    const paginationBar = this.renderPaginationBar(items.length);
+    const paginationBar = this.renderPaginationBar();
 
     return (
       <div className={classes} {...rest}>
@@ -1235,9 +1235,9 @@ export class EuiBasicTable<T = any> extends Component<
     return profile.align;
   }
 
-  renderPaginationBar(itemsLength: number) {
+  renderPaginationBar() {
     const { error, pagination, onChange } = this.props;
-    if (!error && pagination && itemsLength > 0) {
+    if (!error && pagination && pagination.totalItemCount > 0) {
       if (!onChange) {
         throw new Error(`The Basic Table is configured with pagination but [onChange] is
         not configured. This callback must be implemented to handle pagination changes`);

src/components/basic_table/pagination_bar.tsx

@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import React from 'react';
+import React, { useEffect } from 'react';
 import { EuiSpacer } from '../spacer';
 import { EuiTablePagination } from '../table';
 import {
@@ -52,6 +52,13 @@ export const PaginationBar = ({
     ? pagination.pageSizeOptions
     : defaults.pageSizeOptions;
   const pageCount = Math.ceil(pagination.totalItemCount / pagination.pageSize);
+
+  useEffect(() => {
+    if (pageCount < pagination.pageIndex + 1) {
+      onPageChange(pageCount - 1);
+    }
+  }, [pageCount, onPageChange, pagination]);
+
   return (
     <div>
       <EuiSpacer size="m" />