[Lens] Table shows extra rows when embedded on a dashboard (elastic#1…

…47925)

## Summary

Fixes: elastic#147922

previously we set `-1` as `pageIndex` if we have empty data, but in this
case it should be `0`.

x-pack/plugins/lens/public/visualizations/datatable/components/table_basic.tsx

@@ -117,7 +117,9 @@ export const DatatableComponent = (props: DatatableRenderProps) => {
 
   useEffect(() => {
     if (!pagination?.pageIndex && !pagination?.pageSize) return;
-    const lastPageIndex = Math.ceil(firstLocalTable.rows.length / pagination.pageSize) - 1;
+    const lastPageIndex = firstLocalTable.rows.length
+      ? Math.ceil(firstLocalTable.rows.length / pagination.pageSize) - 1
+      : 0;
     /**
      * When the underlying data changes, there might be a case when actual pagination page
      * doesn't exist anymore - if the number of rows has decreased.