tree视图表头固定

spiffy_theme_backend/static/src/scss/list_view.scss

@@ -12,23 +12,27 @@ body.o_web_client {
     .o_list_view {
       .o_content .o_list_renderer.table-responsive {
         overflow-x: initial;
+
         .o_list_table {
           thead, thead tr:nth-child(1) th {
             position: sticky !important;
             top: 0;
             z-index: 1;
           }
+
           tfoot, tfoot tr:nth-child(1) td {
             position: sticky !important;
             bottom: 8px;
             z-index: 1;
           }
+
           thead, tfoot {
             box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
           }
         }
       }
     }
+
     // LIST VIEW STICKY HEADER AND FOOTER END
   }
 
@@ -41,9 +45,12 @@ body.o_web_client {
   .o_list_view {
     .o_content .o_list_renderer.table-responsive {
       .o_list_table {
+        table-layout: unset !important;
+
         thead, thead tr:nth-child(1) th, tfoot, tfoot tr:nth-child(1) td {
           background-color: var(--biz-theme-secondary-color) !important;
         }
+
         thead, tfoot {
           border-radius: var(--border-radius-lg) !important;
 
@@ -52,6 +59,7 @@ body.o_web_client {
               border-top-left-radius: var(--border-radius-lg) !important;
               border-bottom-left-radius: var(--border-radius-lg) !important;
             }
+
             &:last-child {
               border-top-right-radius: var(--border-radius-lg) !important;
               border-bottom-right-radius: var(--border-radius-lg) !important;
@@ -65,14 +73,17 @@ body.o_web_client {
   .o_list_renderer {
     .o_list_table {
       background-color: unset !important;
+
       thead, tfoot {
         background-color: unset !important;
         color: var(--biz-theme-body-text-color) !important;
       }
+
       .dropdown-toggle {
         padding: 0 !important;
         border: 0 !important;
       }
+
       tbody {
         > tr > td:not(.o_list_record_selector).o_list_button > button {
           padding: 0 5px !important;
@@ -80,6 +91,7 @@ body.o_web_client {
       }
     }
   }
+
   .o_content {
     .o_list_renderer {
       .o_list_table {
@@ -88,15 +100,18 @@ body.o_web_client {
         thead {
           color: var(--biz-theme-body-text-color) !important;
         }
+
         tbody {
           tr {
             &.o_group_header {
               border-radius: var(--border-radius-md);
+
               th {
                 &:first-child {
                   border-top-left-radius: var(--border-radius-md);
                   border-bottom-left-radius: var(--border-radius-md);
                 }
+
                 &:last-child {
                   border-top-right-radius: var(--border-radius-md);
                   border-bottom-right-radius: var(--border-radius-md);
@@ -105,6 +120,7 @@ body.o_web_client {
             }
           }
         }
+
         tfoot {
           background-color: var(--biz-theme-secondary-color) !important;
           color: var(--biz-theme-secondary-text-color) !important;
@@ -133,10 +149,12 @@ body.o_web_client {
           thead {
             background-color: transparent !important;
             border: unset;
+
             tr {
               &:focus-within {
                 background-color: unset !important;
               }
+
               th {
                 border-top: 0 !important;
                 vertical-align: middle;
@@ -147,11 +165,13 @@ body.o_web_client {
                 font-size: var(--spiffy-font-size-md);
                 background-color: unset !important;
                 box-shadow: none !important;
+
                 &:focus-within {
                   background-color: unset !important;
                 }
               }
             }
+
             .o_list_controller {
               .dropdown-toggle {
                 border: 0;
@@ -191,6 +211,7 @@ body.o_web_client {
                   border-top-right-radius: var(--border-radius-lg) !important;
                   border-bottom-right-radius: var(--border-radius-lg) !important;
                 }
+
                 box-shadow: none !important;
               }
 
@@ -203,6 +224,7 @@ body.o_web_client {
                   }
                 }
               }
+
               &:hover {
                 td, th {
                   box-shadow: none !important;
@@ -225,6 +247,7 @@ body.o_web_client {
                 height: var(--list-table-height);
                 border: 0;
               }
+
               vertical-align: middle;
               font-weight: 500 !important;
               border-top: 0 !important;
@@ -255,22 +278,26 @@ body.o_web_client {
 
           .biz_attachment_section {
             padding-top: 0 !important;
+
             .attachment_box:not(.attachment_box_counter) {
               .attachment-name {
                 width: 150px;
               }
             }
+
             .attachment-name {
               white-space: nowrap !important;
               overflow: hidden;
               text-overflow: ellipsis;
               line-height: normal;
             }
+
             .attachment_box {
               padding: 0.2rem;
               min-height: 36px;
               border-radius: var(--border-radius-lg) !important;
             }
+
             .o_image {
               width: 30px !important;
               height: 30px !important;
@@ -282,13 +309,16 @@ body.o_web_client {
         tfoot {
           background-color: unset !important;
           border: 0 !important;
+
           tr td {
             border: 0 !important;
           }
+
           .o_list_number {
             color: var(--biz-theme-primary-color) !important;
           }
         }
+
         .o_optional_columns_dropdown_toggle {
           top: 10px !important;
         }
@@ -304,11 +334,13 @@ body.o_web_client {
             .attachment_div {
               height: 30px;
             }
+
             .biz_attachment_section {
               .attachment_box {
                 padding-left: 0.5rem !important;
                 min-height: 30px;
               }
+
               .o_image {
                 width: 20px !important;
                 height: 20px !important;
@@ -354,15 +386,18 @@ body.o_web_client.dark_mode {
           }
         }
       }
+
       thead {
         background-color: transparent !important;
         border: unset;
       }
+
       tbody {
         > tr.o_group_header {
           background-image: linear-gradient(to bottom, #242424, #343434) !important;
         }
       }
+
       &.table-responsive {
         .o_list_table {
           background-color: transparent !important;
@@ -382,6 +417,7 @@ body.o_web_client.dark_mode {
               &.o_is_line_section {
                 background-color: #161616 !important;
               }
+
               td {
                 &:first-child {
                   border-top-left-radius: var(--border-radius-lg) !important;
@@ -498,6 +534,7 @@ body.o_web_client {
         border: 1px solid #F4A460 !important;
       }
     }
+
     .o_badge_cell {
       // .o_field_badge {
       // background-color: transparent !important;
@@ -509,6 +546,7 @@ body.o_web_client {
         color: rgba(40, 167, 69, 0.9) !important;
         border: 1px solid #28a745b0 !important;
       }
+
       .bg-info-light {
         background-color: transparent !important;
         color: rgba(23, 162, 184, 0.9) !important;