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: () => ({