\n \n row.id}\n hideFooterPagination={hideFooterPagination}\n sx={{\n '& .MuiDataGrid-virtualScroller': {\n minHeight: minHeight\n },\n borderLeft: 'none',\n borderRight: 'none',\n borderRadius: '0',\n '& .MuiPaper-root': {\n boxShadow: 'none'\n },\n '& .MuiDataGrid-columnHeaderTitle': {\n fontWeight: '600',\n fontSize: '14px',\n textTransform: 'uppercase',\n color: '#445386'\n },\n '& .MuiDataGrid-row:hover': {\n backgroundColor: '#F9F9FB'\n },\n '.MuiDataGrid-iconSeparator': {\n display: 'none'\n },\n '& .MuiDataGrid-columnHeader': {\n border: '1px solid #E8E8ED',\n borderLeft: 'none',\n borderTop: 'none',\n borderBottom: 'none'\n },\n '& .MuiDataGrid-columnHeaders': {\n border: '1px solid #E8E8ED',\n borderLeft: 'none',\n borderTop: 'none',\n backgroundColor: '#DEE4FF',\n color: '#445386'\n },\n '& .MuiDataGrid-columnHeader:nth-last-of-type(1)': {\n borderRight: 'none'\n },\n '& .MuiDataGrid-columnHeader:first-of-type': {\n paddingLeft: '18px'\n },\n '& .MuiDataGrid-footerContainer': {\n minHeight: rowHeight,\n // border: \"none\",\n background: '#F9F9FB'\n },\n '& .MuiDataGrid-row': {\n color: '#445386',\n cursor: 'pointer',\n '.MuiDataGrid-cell:first-of-type': {\n paddingLeft: '18px'\n }\n },\n '&. .MuiDataGrid-withBorderColor': {\n borderBottom: 0\n // overflowX: \"scroll\"\n }\n }}\n rowHeight={rowHeight}\n headerHeight={headerHeight}\n checkboxSelection={checkboxSelection}\n onPageChange={handlePageChange}\n onPaginationModelChange={onPageChange}\n rowsPerPageOptions={[pageSize]}\n pageSize={pageSize}\n paginationMode={paginationMode}\n rowCount={rowCount}\n page={page}\n autoHeight\n loading={loader}\n components={{\n NoRowsOverlay: customNoResultsComponent,\n NoResultsOverlay: customNoResultsComponent\n }}\n />\n
\n \n