diff --git a/front-end/src/app/shared/components/table/table.component.html b/front-end/src/app/shared/components/table/table.component.html index 0157034136..13cc5e7361 100644 --- a/front-end/src/app/shared/components/table/table.component.html +++ b/front-end/src/app/shared/components/table/table.component.html @@ -18,7 +18,7 @@ [currentPageReportTemplate]="currentPageReportTemplate" [sortField]="sortField" [showCurrentPageReport]="true" - styleClass="p-datatable-striped" + styleClass="p-datatable-striped p-datatable-gridlines" >
diff --git a/front-end/src/assets/styles/theme.css b/front-end/src/assets/styles/theme.css index 7611aa810c..6473779655 100644 --- a/front-end/src/assets/styles/theme.css +++ b/front-end/src/assets/styles/theme.css @@ -3133,7 +3133,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; + border-width: 2px 0; } .p-datatable.p-datatable-gridlines .p-paginator-top { border-width: 0 1px 0 1px; @@ -3142,11 +3142,26 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 2px 1px; + border-width: 2px 1px; + border-left-color: #f1f1f1; + border-right-color: #f1f1f1; } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; + border-color: #f1f1f1; +} + +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:first-child, +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:first-child { + border-left: 0; } + +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child, +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-right: 0; +} + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px; }