fix: update table styles for improved layout and add explicit background handling for striped rows

core/scss/ui/_tables.scss

@@ -19,7 +19,7 @@
     margin-bottom: 0;
   }
 
-  + .card-footer {
+  +.card-footer {
     border-top: 0;
   }
 }
@@ -33,19 +33,19 @@
 }
 
 .table-nowrap {
-  > :not(caption) > * > * {
+  > :not(caption)>*>* {
     white-space: nowrap;
   }
 }
 
 .table-vcenter {
-  > :not(caption) > * > * {
+  > :not(caption)>*>* {
     vertical-align: middle;
   }
 }
 
 .table-center {
-  > :not(caption) > * > * {
+  > :not(caption)>*>* {
     text-align: center;
   }
 }
@@ -87,8 +87,7 @@
         }
 
         tr {
-          border-bottom: var(--#{$prefix}border-width)
-            var(--#{$prefix}border-style) $table-border-color;
+          border-bottom: var(--#{$prefix}border-width) var(--#{$prefix}border-style) $table-border-color;
         }
 
         .btn {
@@ -149,6 +148,23 @@ Table sort
   }
 }
 
+// Keep striped rows from overriding explicit row/cell backgrounds.
+.table.table-striped {
+  $table-explicit-bg-selector: '[class^="bg-"], [class*=" bg-"], [class^="table-"], [class*=" table-"], [class^="text-bg-"], [class*=" text-bg-"], [style*="background"]';
+
+  // Neutralize Bootstrap striping first on striped rows.
+  >tbody>tr:nth-of-type(#{$table-striped-order})>* {
+    --#{$prefix}table-color-type: initial;
+    --#{$prefix}table-bg-type: initial;
+  }
+
+  // Re-apply striping only when row/cell doesn't declare its own background.
+  >tbody>tr:nth-of-type(#{$table-striped-order}):not(:is(#{$table-explicit-bg-selector}))>*:not(:is(#{$table-explicit-bg-selector})) {
+    --#{$prefix}table-color-type: var(--#{$prefix}table-striped-color);
+    --#{$prefix}table-bg-type: var(--#{$prefix}table-striped-bg);
+  }
+}
+
 //
 // Table selectable
 //

shared/data/sri.json

@@ -1,22 +1,22 @@
 {
-  "css": "sha384-LUZmhPrA9DuvV+PENAthWDl8vR3wEHZ2mxCp6V4VEbbCIDjvxx2RlvvYjfSZZ+Fe",
-  "css-rtl": "sha384-R+1hmp3uvF0kkOZyoxDNAnLplv2bfSkdzNMujFi7fbvcu+l5L15NMKg50UT7SHD0",
-  "css-flags": "sha384-H7p4Cgh2RM3r9apL63WdIpPu9BtIhbGngx0f3WrqyCpunfY+X7M4apXpQQcZqA5c",
-  "css-flags-rtl": "sha384-tzddSAu/YEPdL4FEjR4HwaKan3DhU5kQ+ifJOWa0kR7eb1RUmPKr8PHEx1Hmgx+t",
-  "css-marketing": "sha384-jdZv/iHkc5OuAPy1SD9QancYje5FHhs4s1GL7AOvKdb6ZMiC+Zwya8pCGDBb7tIf",
-  "css-marketing-rtl": "sha384-MfCU8754hWY2IAkf1SVH5helVjarYxM1zeyxecKh2AuQcacQzKz+7dxQoWN074ca",
-  "css-payments": "sha384-sCkGfjP5FkkIIL7H3FNIhYK1ZvUwMQeOLVSfOblaDQoKZX8k71BHZk1LMHMPRjbx",
-  "css-payments-rtl": "sha384-gZtxDQ2AdE1j/+cmuiPWY+AJ0jtnsk2C3Z65u+uyzQkqfISW1V7Blezfumdm/mfj",
-  "css-socials": "sha384-bujgRtkeNSwK8hFfCUO6SyIyWngJuWblefHIViyjq5XbDAEeCi1YRlIqggw9Vcqu",
-  "css-socials-rtl": "sha384-SIYJowkbADF1DNCVS7QnO0WDOPI7xOulE2iUJ5do1VveCIHslxNnE7lYyXbHMqtH",
-  "css-props": "sha384-eFBhxMcWpvjSKfWwkdzIeMzXUt2j6d0od1+xwAYsUAtAlBK0SK/tZl9xbx624xxx",
-  "css-props-rtl": "sha384-ifUxJ+Cmg0A/0cl51AAiC0TsP2kvHrBMyGxIsHWT3sPmZzu0PGHf0Pc3YwmoUWkT",
-  "css-themes": "sha384-EWgzD0j3PnZ9hhq/YFnSNV/Hm54BB0hWYSSCEj6OR1YxP0BVDEM7Enp+UAJDMqBx",
-  "css-themes-rtl": "sha384-rzVwsvFoVNK25vTMMkUuO71ndLJIhoMtvnaA9BKDBa2s+lboMuDmnHX/ikLmdgqv",
-  "css-vendors-rtl": "sha384-bD4REzS6v/hyJgKgmqVmDd/HSu5y3dsZ4hQYcdYQqEOKQDLUEyqiWAWYq/NObB8B",
-  "css-vendors": "sha384-yYQlhpXu43M9F6EsDV1V/GQBPy9gQSKTTkvRiSnKEbUjI3/RhmpARqgI9pUTU6Z9",
-  "js": "sha384-2WdYXbwTs+5LXi+OUvcthfGsTS1s8P9lt6uUbrglmYVhAsPSh1ItGCmXkpzSR34u",
-  "js-theme": "sha384-owIUMWnQZ6WJM5sJcZYopxE42XrqqKivlpxysxQYM+RXYbaHGAWVo2aniM4Wyhxq",
+  "css": "sha384-LWMIl64t1mPUtXwP79QpcIHu7TJxoAY72jF4XwqkGrpw+JnQSVQUQmxFB3cWkzJC",
+  "css-rtl": "sha384-w2PtAG41qcwyR7ZFH2N/OEXvQS8wXDXgmfIQM3HX51vIcsSPqvJTrUKTuP9ca+yk",
+  "css-flags": "sha384-uS1FKj5tBjQhanQc7rZbSaFSRZT/Z0UNUSeVmU3t6ba5YNUzGsLr1zEQK73k76d9",
+  "css-flags-rtl": "sha384-iJt7MMbHzpAY6At0xwRjoektUtZYinAaRWQenCn0PzrpHWxmGTQN2uywTDgQZq8r",
+  "css-marketing": "sha384-CNGp/E+3Kn8WFPAZGhrnMTm0bX/b81pbzWUPNN2EUxL0nEDpb3Kp3rl4dR49cHPm",
+  "css-marketing-rtl": "sha384-+UOO7H7wcmO7X4MrQ42Nr+9cRlN17OqghK+opcm4uSqEZO+iwyn8I25LRBUUKhYY",
+  "css-payments": "sha384-GiG4h/P9HEeLDcu9nizkOCgQzh4jgcrxVQTNvtk2MCJh+oGEWopePi0f7RTderR7",
+  "css-payments-rtl": "sha384-idxuP67xwUatfEYnj7FWCKxnUetaJX5QgWUKLeOV8QV/2HYiEVc/WxIGA+yXVrEY",
+  "css-socials": "sha384-/kTQlTk3CD34KWGpmOfta1Y737RXDwR2Tf97tRsyNFJ5d1VVjHdeR7S1GnycpyWo",
+  "css-socials-rtl": "sha384-ePZez+EdmUUPfeAz5Ybl7dza5YQibkF7loun37HDagvauU+DqC2Pm44DTnPKvVFL",
+  "css-props": "sha384-St97hT7cN5ddMWTXtgcvjYwI06MRqbhsSPt4MAqyv9ppE4hcBODYUeKY+IUPbiRE",
+  "css-props-rtl": "sha384-1BO4wX1aBcU0Q6Zg0wdD1Tx5jHyhFrFDkorqtB5N2uikbaTkM6CmT0ohrNSXVNZV",
+  "css-themes": "sha384-DxUgAtg/1czV9r2aAt/IL9l1QdFzYznDCxLn1WM+qQ1cBHZ/RsIxvK81G2oe14M2",
+  "css-themes-rtl": "sha384-XLMwOfw8DoQ6i/Eg2OnRmTBR9Tdapv+SgZJaLfA4LNW9LtuLby0W55VdWl7nsCE2",
+  "css-vendors-rtl": "sha384-Q1nC52c9wbDHZu4gg23LvqFheKaNZczs91TRfKw/dx9F2Si55xnuJxazfn9jJ4AX",
+  "css-vendors": "sha384-nrss3hsKKZFH9ZBpmcYqj1FlqABasaZkkUKDft2ms7mtrlLUj1Hz+dBfqYgzYMKE",
+  "js": "sha384-Fc/uG2IIa5eoMKDmtbXxhnjXsePr1uQCZC6wJmPS8S4KhhHdm34gsi2np6is2boN",
+  "js-theme": "sha384-seGicidLI2dtSkO/7bmCkGNGdmTXMlIaoSz+W+lmvL4ZoQRPmJNh0wb2XSsbNYBv",
   "demo-css": "sha384-BUDq2P684xwRBf0GDlySvob+KJg4ko8y2K7njgvYBscmEuqoVVqJ75zcTDozwkFA",
   "demo-js": "sha384-UcTgbM9IZSOPHHuFa0R9H4TegQWoZkJKpeTjLV5hjem2k0CZ67Q4/bW2rT/Edf4Z"
 }