Fixed #276

primefaces · Jan 8, 2018 · 5f5cc5d · 5f5cc5d
1 parent 4c9aea3
commit 5f5cc5d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/src/components/datatable/DataTable.d.ts b/src/components/datatable/DataTable.d.ts
@@ -73,6 +73,9 @@ interface DataTableProps {
     onRowCollapse?(e: {originalEvent: Event, data: any}): void;
     onContextMenuSelect?(e: {originalEvent: Event, data: any}): void;
     onColReorder?(e: {dragIndex: number, dropIndex: number, columns: any}): void;
+    paginatorLeft?: any;
+    paginatorRight?: any;
+    pageLinkSize?: number;
 }
 
 export class DataTable extends React.Component<DataTableProps,any> {}
diff --git a/src/components/datatable/DataTable.js b/src/components/datatable/DataTable.js
@@ -82,7 +82,8 @@ export class DataTable extends Component {
         onContextMenuSelect: null,
         onColReorder: null,
         paginatorLeft:null,
-        paginatorRight: null
+        paginatorRight: null,
+        pageLinkSize: 5
     }
 
     static propTypes = {
@@ -156,7 +157,8 @@ export class DataTable extends Component {
         onContextMenuSelect: PropTypes.func,
         onColReorder: PropTypes.func,
         paginatorLeft: PropTypes.any,
-        paginatorRight: PropTypes.any
+        paginatorRight: PropTypes.any,
+        pageLinkSize: PropTypes.number
     };
 
     constructor(props) {
@@ -204,7 +206,7 @@ export class DataTable extends Component {
     createPaginator(position, totalRecords, data) {
         let className = 'ui-paginator-' + position;
 
-        return <Paginator first={this.state.first} rows={this.state.rows} className={className} onPageChange={this.onPageChange} template={this.props.paginatorTemplate}
+        return <Paginator first={this.state.first} rows={this.state.rows} pageLinkSize={this.props.pageLinkSize} className={className} onPageChange={this.onPageChange} template={this.props.paginatorTemplate}
                           totalRecords={totalRecords} rowsPerPageOptions={this.props.rowsPerPageOptions} leftContent={this.props.paginatorLeft} rightContent={this.props.paginatorRight}/>;
     }
 

diff --git a/src/showcase/datatable/DataTableDemo.js b/src/showcase/datatable/DataTableDemo.js
@@ -1466,6 +1466,12 @@ export class DataTableLazyDemo extends Component {
                             <td>FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown</td>
                             <td>Template of the paginator.</td>
                         </tr>
+                        <tr>
+                            <td>pageLinkSize</td>
+                            <td>number</td>
+                            <td>5</td>
+                            <td>Number of page links to display.</td>
+                        </tr>
                         <tr>
                             <td>first</td>
                             <td>number</td>