@@ -11,7 +11,7 @@ import { DefaultColumnFilter } from './ColumnFilters';
1111 * sort - no, local, remote
1212 */
1313
14- export const ReactTableComponent = ( { columns, data, config, pages, freewidth, filtersBy, orderBy, rowCount, pageNumber, setLimits, setOrder, setFilters, pagesizes, onRefresh, hiddenColumns} ) => {
14+ export const ReactTableComponent = ( { columns, data, limit , config, pages, freewidth, filtersBy, orderBy, rowCount, pageNumber, setLimits, setOrder, setFilters, pagesizes, onRefresh, hiddenColumns} ) => {
1515
1616 // console.log("COLUMS", JSON.stringify(columns,null,4))
1717
@@ -20,7 +20,7 @@ export const ReactTableComponent = ({columns, data, config, pages, freewidth, fi
2020
2121 rowCount = rowCount || data . length
2222
23- const startPageSize = 10
23+ const startPageSize = limit || 10
2424 const startPageNumber = pageNumber || 0
2525 let ut_config = {
2626 columns,
@@ -33,7 +33,7 @@ export const ReactTableComponent = ({columns, data, config, pages, freewidth, fi
3333 pageCount : pages || 1 ,
3434 initialState : {
3535 filters : filtersBy || [ ] ,
36- pageSize : 10 ,
36+ pageSize : startPageSize ,
3737 pageIndex : pageNumber || 0 ,
3838 hiddenColumns : hiddenColumns
3939 //sortBy : orderBy,
@@ -73,9 +73,9 @@ export const ReactTableComponent = ({columns, data, config, pages, freewidth, fi
7373 let st = ( ( pageSize * pageIndex ) + 1 )
7474 let en = page . length + st - 1
7575 rowCountStr = "Record " + st + " to " + en
76- if ( rowCount ) {
76+ /* if(rowCount){
7777 total += " of " + rowCount
78- }
78+ }*/
7979 }
8080
8181 useEffect ( ( ) => {
@@ -105,6 +105,10 @@ export const ReactTableComponent = ({columns, data, config, pages, freewidth, fi
105105 setLimits ( pageSize , ( pageIndex ) * pageSize )
106106 } , [ pageIndex , pageSize ] )
107107
108+ const onRefreshHandler = ( ) => {
109+ setLimits ( pageSize , ( pageIndex ) * pageSize )
110+ }
111+
108112
109113 return (
110114 < span >
@@ -157,20 +161,20 @@ export const ReactTableComponent = ({columns, data, config, pages, freewidth, fi
157161 { pager && data . length > 0 &&
158162 < Row md = { 12 } className = "mr-0 ml-0" >
159163 < Col md = { 3 } className = "d-flex justify-content-center align-items-center" >
160- < button id = "table_previous" onClick = { ( ) =>
164+ < button style = { { width : "60px" } } id = "table_previous" onClick = { ( ) =>
161165 previousPage ( ) }
162166 disabled = { ! canPreviousPage } >
163167 { '<' }
164168 </ button > { ' ' }
165- < button id = "table_next" onClick = { ( ) =>
169+ < button style = { { width : "60px" } } id = "table_next" onClick = { ( ) =>
166170 nextPage ( ) }
167171 disabled = { ! canNextPage } >
168172 { '>' }
169173 </ button > { ' ' }
170174 </ Col >
171175 < Col md = { 6 } className = "d-flex justify-content-center align-items-center" >
172-
173- < span id = "table_page_number" >
176+
177+ < span id = "table_page_number" style = { { opacity : 0 } } >
174178 Page{ ' ' }
175179 < strong className = "mr-3" >
176180 { pageIndex + 1 } of { pageCount }
@@ -193,10 +197,10 @@ export const ReactTableComponent = ({columns, data, config, pages, freewidth, fi
193197 </ Col >
194198 < Col md = { 3 } className = "d-flex justify-content-center align-items-center" >
195199 < div className = "tdb__toolbar__base" >
196- < button onClick = { onRefresh } className = "tdb__toolbar__base__button" title = "Refresh table contents" >
200+ < button onClick = { onRefreshHandler } className = "tdb__toolbar__base__button" title = "Refresh table contents" >
197201 < BiRefresh className = "tdb__toolbar__base__icon" />
198202 < span > Refresh</ span >
199- </ button >
203+ </ button >
200204 </ div >
201205 </ Col >
202206 </ Row >
0 commit comments