diff --git a/packages/geoview-core/public/locales/fr/translation.json b/packages/geoview-core/public/locales/fr/translation.json index 44ade4ca109..c6bd1e56356 100644 --- a/packages/geoview-core/public/locales/fr/translation.json +++ b/packages/geoview-core/public/locales/fr/translation.json @@ -199,7 +199,6 @@ "jsonExportBtn": "Télécharger GeoJSON", "downloadAsCSV": "Télécharger CSV", "filterMap": "Filtrer la carte", - "stopFilterMap": "Ne plus filtrer la carte", "clearFilters": "Effacer les filtres", "rowsSelected": "{rowsSelected} sur {totalRows} ligne(s) sélectionnée(s)", "rowsFiltered": "{rowsFiltered} sur {totalRows} ligne(s) filtrée(s)", diff --git a/packages/geoview-core/src/core/components/data-table/data-table-style.ts b/packages/geoview-core/src/core/components/data-table/data-table-style.ts index e3eefe8d064..27fa900cb2d 100644 --- a/packages/geoview-core/src/core/components/data-table/data-table-style.ts +++ b/packages/geoview-core/src/core/components/data-table/data-table-style.ts @@ -37,6 +37,11 @@ export const getSxClasses = (theme: Theme) => color: theme.palette.geoViewColor.grey.dark[900], }, }, + tableHead: { + '& th:nth-of-type(-n+3)': { + justifyContent: 'end', + }, + }, tableHeadCell: { '& .MuiCollapse-wrapperInner': { '& .MuiBox-root': { diff --git a/packages/geoview-core/src/core/components/data-table/data-table.tsx b/packages/geoview-core/src/core/components/data-table/data-table.tsx index 652006ecd46..e26d8e83e6c 100644 --- a/packages/geoview-core/src/core/components/data-table/data-table.tsx +++ b/packages/geoview-core/src/core/components/data-table/data-table.tsx @@ -113,7 +113,7 @@ function DataTable({ data, layerPath, tableHeight = '500px' }: DataTableProps): return ( - + {header} @@ -421,13 +421,11 @@ function DataTable({ data, layerPath, tableHeight = '500px' }: DataTableProps): enableBottomToolbar: false, positionToolbarAlertBanner: 'none', // hide existing row count renderTopToolbar: ({ table }) => ( - + {datatableSettings[layerPath].toolbarRowSelectedMessageRecord} - - {datatableSettings[layerPath].mapFilteredRecord ? t('dataTable.stopFilterMap') : t('dataTable.filterMap')} - + {t('dataTable.filterMap')} @@ -475,6 +473,9 @@ function DataTable({ data, layerPath, tableHeight = '500px' }: DataTableProps): muiTableHeadCellProps: { sx: () => sxClasses.tableHeadCell, }, + muiTableHeadProps: { + sx: () => sxClasses.tableHead, + }, defaultColumn: { muiFilterTextFieldProps: { sx: () => ({