fix(b-table, b-table-lite): use `:key` for row details based on the p…

…rimary key value if available (#4025)
bootstrap-vue · Sep 5, 2019 · c7cb16fee8d3a4d884490f4cb41298c597b0bfa5 · c7cb16f
1 parent 2012d07
commit c7cb16fee8d3a4d884490f4cb41298c597b0bfa5
Unified Split

Showing with 2 additions and 2 deletions.

+2 −2 src/components/table/helpers/mixin-tbody-row.js
diff --git a/src/components/table/helpers/mixin-tbody-row.js b/src/components/table/helpers/mixin-tbody-row.js
@@ -334,7 +334,7 @@ export default {
          $rows.push(
            // We don't use `BTr` here as we dont need the extra functionality
            h('tr', {
-  
-              key: `__b-table-details-${rowIndex}-stripe__`,
+  
+              key: `__b-table-details-stripe__${rowKey}`,
              staticClass: 'd-none',
              attrs: { 'aria-hidden': 'true', role: 'presentation' }
            })
@@ -346,7 +346,7 @@ export default {
          h(
            BTr,
            {
-  
-              key: `__b-table-details-${rowIndex}__`,
+  
+              key: `__b-table-details__${rowKey}`,
              staticClass: 'b-table-details',
              class: [
                isFunction(this.tbodyTrClass)