Allow for cases in which max_page_count is none/null.

Author: Shammamah Hossain

src/dash-table/components/ControlledTable/index.tsx

@@ -903,11 +903,11 @@ export default class ControlledTable extends PureComponent<ControlledTableProps>
                         >
                         </input>
 
-                        {lastPage !== undefined ? ' / ' : ''}
+                        {lastPage ? ' / ' : ''}
 
-                        <div className='last-page'>
-                            {lastPage !== undefined ? lastPage + 1 : ''}
-                        </div>
+                        {lastPage ? <div className='last-page'>
+                            {lastPage ? lastPage + 1 : ''}
+                        </div> : ''}
                     </div>
 
                     <button
@@ -920,7 +920,7 @@ export default class ControlledTable extends PureComponent<ControlledTableProps>
                     <button
                         className='last-page'
                         onClick={this.loadLast}
-                        disabled={this.props.page_current === lastPage || lastPage === undefined}>
+                        disabled={this.props.page_current === lastPage || !lastPage}>
                         <FontAwesomeIcon icon='angle-double-right' />
                     </button>
                 </div>

src/dash-table/components/Table/Table.less

@@ -161,7 +161,7 @@ input.current-page, input.current-page::placeholder {
     color: black;
     border: none;
     width:30px;
-    text-align:right;
+    text-align:center;
     font-family: monospace;
     font-size: 10pt;
     margin: 0.5em;
@@ -170,6 +170,7 @@ input.current-page, input.current-page::placeholder {
 .page-number > .last-page {
     min-width: 30px;
     display: inline-block;
+    text-align: center;
     margin: 0.5em;
 }
 

src/dash-table/derived/paginator.ts

@@ -44,7 +44,7 @@ function getBackEndPagination(
             setProps({ page_current, ...clearSelection });
         },
         loadLast: () => {
-            if (max_page_count !== undefined) {
+            if (max_page_count) {
                 page_current = max_page_count;
                 setProps({ page_current, ...clearSelection });
             }
@@ -66,7 +66,7 @@ function getBackEndPagination(
                 return;
             }
 
-            if (max_page_count !== undefined && page > max_page_count) {
+            if (max_page_count && page > max_page_count) {
                 page_current = max_page_count;
                 setProps({ page_current, ...clearSelection });
                 return;