File tree Expand file tree Collapse file tree 1 file changed +7
-6
lines changed Expand file tree Collapse file tree 1 file changed +7
-6
lines changed Original file line number Diff line number Diff line change @@ -101,16 +101,17 @@ export const Datagrid = <T extends DataSourceType>(props: DatagridProps<T>) => {
101
101
const { leftElements, centerElements, rightElements } = splitToolbarElements ( toolbar ) ;
102
102
return (
103
103
< div className = { "datagrid-toolbar toolbar-" + toolbar . position } >
104
- < div
105
- className = { "toolbar-left" } > { leftElements . filter ( e => e . type === Pager ) . length > 0 && renderPaginationControls ( filteredData . length ) } </ div >
106
- < div
107
- className = { "toolbar-center" } > { centerElements . filter ( e => e . type === Pager ) . length > 0 && renderPaginationControls ( filteredData . length ) } </ div >
108
- < div
109
- className = { "toolbar-right" } > { rightElements . filter ( e => e . type === Pager ) . length > 0 && renderPaginationControls ( filteredData . length ) } </ div >
104
+ < div className = { "toolbar-left" } > { renderToolbarSection ( leftElements ) } </ div >
105
+ < div className = { "toolbar-center" } > { renderToolbarSection ( centerElements ) } </ div >
106
+ < div className = { "toolbar-right" } > { renderToolbarSection ( rightElements ) } </ div >
110
107
</ div >
111
108
) ;
112
109
} ;
113
110
111
+ const renderToolbarSection = ( elements : JSX . Element [ ] ) => {
112
+ return elements . filter ( e => e . type === Pager ) . length > 0 && renderPaginationControls ( filteredData . length )
113
+ }
114
+
114
115
return (
115
116
< div className = "datagrid-wrapper" >
116
117
{ topToolbar && renderToolbar ( topToolbar ) }
You can’t perform that action at this time.
0 commit comments