Angles arrondis OK et tableau aligné

src/assets/css/style.css

@@ -170,10 +170,18 @@ p.version > a {
 }
 
 /* Dash Table Overrides */
+dash-table-container dash-spreadsheet-menu table.cell-table {
+  margin-right: 8px;
+  margin-lef: 8px;
+}
+
 table.cell-table,
 table.cell-table tr {
   border-color: #fff;
   padding: 0;
+  border-collapse: separate !important;
+  /* Required for border-radius */
+  border-spacing: 0;
 }
 
 .dash-table-container p {
@@ -190,22 +198,36 @@ table.cell-table tr {
   text-align: left;
   font-weight: 500;
   padding-right: 12px;
-  border-color: rgb(179, 56, 33) !important;
+  border: 1px solid rgb(179, 56, 33) !important;
   background-color: rgb(179, 56, 33);
-  border-style: solid;
-  border-width: 1px;
 }
 
-table.cell-table tr:first-of-type th:first-of-type {
+/* High specificity to override Dash defaults and .dash-header class */
-  border-top-left-radius: 3px;
+.dash-table-container
+  .dash-spreadsheet-container
+  .dash-spreadsheet-inner
+  table.cell-table
+  tr:first-of-type
+  th.dash-header {
+  border-bottom: none !important;
 }
 
-table.cell-table tr:first-of-type th:last-of-type {
+.dash-table-container
-  border-top-right-radius: 3px;
+  .dash-spreadsheet-container
+  .dash-spreadsheet-inner
+  table.cell-table
+  tr:first-of-type
+  th.dash-header:first-of-type {
+  border-top-left-radius: 3px !important;
 }
 
-.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner td {
+.dash-table-container
-  padding-left: 8px;
+  .dash-spreadsheet-container
+  .dash-spreadsheet-inner
+  table.cell-table
+  tr:first-of-type
+  th.dash-header:last-of-type {
+  border-top-right-radius: 3px !important;
 }
 
 /* Dash Filters */

src/figures.py

@@ -323,7 +323,6 @@ class DataTable(dash_table.DataTable):
             page_current=0,
             style_cell_conditional=style_cell_conditional,
             style_header={
-                "border": "solid 1px rgb(179, 56, 33)",
                 "backgroundColor": "rgb(179, 56, 33)",
                 "color": "white",
             },