From 5ed6d91645d1faa021b6bb7b507e43a28be9a5a7 Mon Sep 17 00:00:00 2001
From: Dmitry Kuzin <dk981234@gmail.com>
Date: Tue, 11 Jun 2024 15:44:56 +0400
Subject: [PATCH 1/3] Implement spans with responsive titles instead of :before
 element

---
 .../matrixdropdowncell.component.html         |   3 +-
 .../questions/matrixdropdowncell.component.ts |   3 -
 .../src/MatrixDropdownCellComp.vue            |   4 +-
 src/defaultCss/cssmodern.ts                   |   2 +
 src/defaultCss/cssstandard.ts                 |   2 +
 src/defaultCss/defaultV2Css.ts                |   2 +
 src/defaultV2-theme/blocks/sd-table.scss      | 120 ++++----
 .../templates/question-matrixdynamic.html     |  15 +-
 src/main.m600.scss                            |  11 +-
 src/modern.m600.scss                          |  11 +-
 src/question_matrixdropdownrendered.ts        |   9 +
 src/react/reactquestion.tsx                   |  15 +-
 .../reactquestion_matrixdropdownbase.tsx      |  10 +-
 src/vue/matrixdropdowncell.vue                |   4 +-
 .../martix-celltype-text-a11y.snap.html       |  16 +-
 ...atrixdropdown-cell-errors-bottom.snap.html |   8 +-
 .../matrixdropdown-cell-errors-top.snap.html  |   8 +-
 .../matrixdropdown-disabled.snap.html         |  98 +++---
 .../matrixdropdown-readonly.snap.html         |  98 +++---
 .../matrixdropdown-vertical.snap.html         |  98 +++---
 .../markup/snapshots/matrixdropdown.snap.html |  98 +++---
 .../snapshots/matrixdynamic-default.snap.html |  16 +-
 .../matrixdynamic-defaultV2.snap.html         |  16 +-
 ...-show-in-multiple-columns-mobile.snap.html | 168 ++++++-----
 ...dynamic-show-in-multiple-columns.snap.html |   8 +-
 .../snapshots/matrixdynamic-totals.snap.html  | 284 +++++++++---------
 26 files changed, 575 insertions(+), 552 deletions(-)

diff --git a/packages/survey-angular-ui/src/questions/matrixdropdowncell.component.html b/packages/survey-angular-ui/src/questions/matrixdropdowncell.component.html
index 2fd00808ca..894b956519 100644
--- a/packages/survey-angular-ui/src/questions/matrixdropdowncell.component.html
+++ b/packages/survey-angular-ui/src/questions/matrixdropdowncell.component.html
@@ -1,5 +1,5 @@
 <ng-template #template>
-  <td [class]="cell.className" [attr.data-responsive-title]="getHeaders()" *ngIf="canRender" [title]="cell.getTitle()"
+  <td [class]="cell.className" *ngIf="canRender" [title]="cell.getTitle()"
     [style]="getCellStyle()" [attr.colspan]="cell.colSpans" (focusin)="cell.focusIn()" #cellContainer>
     <sv-ng-matrix-drag-drop-icon *ngIf="cell.isDragHandlerCell"
       [model]="$any({ data: { row: row, question: question } })"></sv-ng-matrix-drag-drop-icon>
@@ -8,6 +8,7 @@
       <ng-template [component]="{ name: panelComponentName, data: panelComponentData }"></ng-template>
     </ng-container>
     <div *ngIf="cell.isErrorsCell && cell.question?.hasVisibleErrors" [element]="cell.question" sv-ng-errors></div>
+    <span *ngIf="cell.showResponsiveTitle" [class]="cell.responsiveTitleCss" [model]="cell.responsiveLocTitle" sv-ng-string></span>
     <div *ngIf="cell.hasQuestion" [class]="cell.cellQuestionWrapperClassName"
       [visible]="cell.question.isVisible">
       <ng-container *ngIf="!cell.isChoice && cell.question.isDefaultRendering()">
diff --git a/packages/survey-angular-ui/src/questions/matrixdropdowncell.component.ts b/packages/survey-angular-ui/src/questions/matrixdropdowncell.component.ts
index 9ec7cd063a..0601415ed5 100644
--- a/packages/survey-angular-ui/src/questions/matrixdropdowncell.component.ts
+++ b/packages/survey-angular-ui/src/questions/matrixdropdowncell.component.ts
@@ -67,9 +67,6 @@ export class MatrixDropdownCellComponent extends BaseAngular<Question> {
   }
 
   getComponentName(element: Question) { return getComponentName(element); }
-  getHeaders(): string {
-    return this.cell.headers;
-  }
   getCellStyle() {
     if (!!this.cell.width || !!this.cell.minWidth)
       return { width: this.cell.width, minWidth: this.cell.minWidth };
diff --git a/packages/survey-vue3-ui/src/MatrixDropdownCellComp.vue b/packages/survey-vue3-ui/src/MatrixDropdownCellComp.vue
index f7c6b81d87..41fba21590 100644
--- a/packages/survey-vue3-ui/src/MatrixDropdownCellComp.vue
+++ b/packages/survey-vue3-ui/src/MatrixDropdownCellComp.vue
@@ -1,7 +1,6 @@
 <template>
   <td
     :class="cell.className"
-    :data-responsive-title="getHeaders()"
     :title="cell.getTitle()"
     :style="(getCellStyle() as StyleValue)"
     :colspan="cell.colSpans"
@@ -23,6 +22,9 @@
       :is="panelComponentName"
       v-bind="panelComponentData"
     ></component>
+    <span v-if="cell.showResponsiveTitle" :class="cell.responsiveTitleCss">
+      <survey-string :locString="cell.responsiveLocTitle" />
+    </span>
     <div
       v-if="cell.hasQuestion"
       :class="cell.cellQuestionWrapperClassName"
diff --git a/src/defaultCss/cssmodern.ts b/src/defaultCss/cssmodern.ts
index 4d333526ff..7bdb3cf2d3 100644
--- a/src/defaultCss/cssmodern.ts
+++ b/src/defaultCss/cssmodern.ts
@@ -325,6 +325,7 @@ export var modernCss = {
   matrixdropdown: {
     root: "sv-table sv-matrixdropdown",
     cell: "sv-table__cell",
+    cellResponsiveTitle: "sv-table__responsive-title",
     headerCell: "sv-table__cell sv-table__cell--header",
     row: "sv-table__row",
     rowTextCell: "sv-table__cell--row-text",
@@ -343,6 +344,7 @@ export var modernCss = {
   matrixdynamic: {
     root: "sv-table sv-matrixdynamic",
     cell: "sv-table__cell",
+    cellResponsiveTitle: "sv-table__responsive-title",
     headerCell: "sv-table__cell sv-table__cell--header",
     button: "sv-btn",
     buttonAdd: "sv-matrixdynamic__add-btn",
diff --git a/src/defaultCss/cssstandard.ts b/src/defaultCss/cssstandard.ts
index 4fd87ec779..798dd87c5a 100644
--- a/src/defaultCss/cssstandard.ts
+++ b/src/defaultCss/cssstandard.ts
@@ -205,6 +205,7 @@ export var defaultStandardCss = {
   matrixdropdown: {
     root: "sv_q_matrix_dropdown",
     cell: "sv_matrix_cell",
+    cellResponsiveTitle: "sv_matrix_cell_responsive_title",
     headerCell: "sv_matrix_cell_header",
     row: "sv_matrix_row",
     rowAdditional: "sv-matrix__row--additional",
@@ -229,6 +230,7 @@ export var defaultStandardCss = {
     iconRemove: "",
     iconDrag: "sv-matrixdynamic__drag-icon",
     cell: "sv_matrix_cell",
+    cellResponsiveTitle: "sv_matrix_cell_responsive_title",
     headerCell: "sv_matrix_cell_header",
     row: "sv_matrix_row",
     detailRow: "sv_matrix_detail_row",
diff --git a/src/defaultCss/defaultV2Css.ts b/src/defaultCss/defaultV2Css.ts
index 7dfa2609a5..a910ecb192 100644
--- a/src/defaultCss/defaultV2Css.ts
+++ b/src/defaultCss/defaultV2Css.ts
@@ -507,6 +507,7 @@ export var defaultV2Css = {
     tableWrapper: "sd-table-wrapper",
     rootAlternateRows: "sd-table--alternate-rows",
     cell: "sd-table__cell",
+    cellResponsiveTitle: "sd-table__responsive-title",
     errorsCell: "sd-table__cell--error",
     errorsCellTop: "sd-table__cell--error-top",
     errorsCellBottom: "sd-table__cell--error-bottom",
@@ -551,6 +552,7 @@ export var defaultV2Css = {
     rootAlternateRows: "sd-table--alternate-rows",
     content: "sd-matrixdynamic__content sd-question__content",
     cell: "sd-table__cell",
+    cellResponsiveTitle: "sd-table__responsive-title",
     row: "sd-table__row",
     rowFadeIn: "sd-table__row--fade-in",
     rowFadeOut: "sd-table__row--fade-out",
diff --git a/src/defaultV2-theme/blocks/sd-table.scss b/src/defaultV2-theme/blocks/sd-table.scss
index ff1c88fa27..a56b154198 100644
--- a/src/defaultV2-theme/blocks/sd-table.scss
+++ b/src/defaultV2-theme/blocks/sd-table.scss
@@ -5,7 +5,7 @@
   border-spacing: 0;
   white-space: normal;
 
-  &>thead>tr>th {
+  & > thead > tr > th {
     border-top: 0;
     border-bottom: calcSize(2) solid transparent;
   }
@@ -20,16 +20,18 @@
 }
 
 .sd-table.sd-table--columnsautowidth {
-  .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(.sd-table__cell--empty.sd-table__cell--error) {
+  .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(
+      .sd-table__cell--empty.sd-table__cell--error
+    ) {
     width: 10000px;
   }
 }
 
-.sd-table__row:first-of-type>.sd-table__cell {
+.sd-table__row:first-of-type > .sd-table__cell {
   border-top: 0;
 }
 
-.sd-table__row:last-of-type>.sd-table__cell {
+.sd-table__row:last-of-type > .sd-table__cell {
   border-bottom: 0;
 }
 
@@ -44,7 +46,7 @@
 }
 
 .sd-panel:not(.sd-panel--as-page) {
-  &>.sd-panel__content {
+  & > .sd-panel__content {
     .sd-table--no-header {
       padding-top: 0;
     }
@@ -57,8 +59,8 @@
         margin-top: calcSize(-1);
       }
 
-      &>.sd-question__header {
-        &~.sd-question__content {
+      & > .sd-question__header {
+        & ~ .sd-question__content {
           padding-top: calcSize(2);
           --animation-padding-top: #{calcSize(2)};
 
@@ -69,28 +71,50 @@
       }
     }
 
-
-    .sd-question--table>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
+    .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
       margin-top: calcSize(-3);
     }
 
-    .sd-question--table.sd-question--error-top>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
+    .sd-question--table.sd-question--error-top
+      > .sd-question__content
+      .sd-table-wrapper
+      .sd-table:not(.sd-table--no-header) {
       margin-top: 0;
     }
 
-    &>.sd-row:not(:first-of-type) .sd-question--table>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
+    &
+      > .sd-row:not(:first-of-type)
+      .sd-question--table
+      > .sd-question__content
+      .sd-table-wrapper
+      .sd-table:not(.sd-table--no-header) {
       margin-top: calcSize(-2);
     }
 
-    &>.sd-row:not(:first-of-type) .sd-question--table.sd-question--error-top>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
+    &
+      > .sd-row:not(:first-of-type)
+      .sd-question--table.sd-question--error-top
+      > .sd-question__content
+      .sd-table-wrapper
+      .sd-table:not(.sd-table--no-header) {
       margin-top: calcSize(0);
     }
 
-    .sd-question--table>.sd-question__header~.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
+    .sd-question--table
+      > .sd-question__header
+      ~ .sd-question__content
+      .sd-table-wrapper
+      .sd-table:not(.sd-table--no-header) {
       margin-top: calcSize(1);
     }
 
-    &>.sd-row:not(:first-of-type) .sd-question--table>.sd-question__header~.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
+    &
+      > .sd-row:not(:first-of-type)
+      .sd-question--table
+      > .sd-question__header
+      ~ .sd-question__content
+      .sd-table-wrapper
+      .sd-table:not(.sd-table--no-header) {
       margin-top: calcSize(1);
     }
   }
@@ -110,17 +134,16 @@
       padding-right: calcSize(2);
     }
 
-    .sd-table__row:first-of-type>.sd-table__cell {
+    .sd-table__row:first-of-type > .sd-table__cell {
       border-top: calcSize(1) solid transparent;
     }
 
-    .sd-table__row:last-of-type>.sd-table__cell {
+    .sd-table__row:last-of-type > .sd-table__cell {
       border-bottom: calcSize(1) solid transparent;
     }
 
     .sd-table__row:nth-of-type(odd) {
-
-      &>td.sd-table__cell:not(.sd-table__cell--actions),
+      & > td.sd-table__cell:not(.sd-table__cell--actions),
       td:first-of-type {
         border-top-color: $background-dark;
         border-bottom-color: $background-dark;
@@ -151,15 +174,12 @@
             background-color: transparent;
           }
 
-          &.sd-radio--checked .sd-radio__control:focus+.sd-radio__decorator:after {
+          &.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {
             background-color: $primary-foreground;
           }
         }
       }
-
     }
-
-
   }
 }
 
@@ -355,7 +375,7 @@
 .sd-table__cell--row-text,
 .sd-table__cell--footer-total,
 .sd-matrix__cell:first-of-type,
-.sd-matrix tr>td:first-of-type {
+.sd-matrix tr > td:first-of-type {
   position: sticky;
   background-color: $question-background;
   z-index: 12;
@@ -417,7 +437,7 @@
     right: calc(-1 * var(--sd-base-padding));
   }
 
-  &>* {
+  & > * {
     flex-basis: 100%;
   }
 }
@@ -429,7 +449,6 @@
   }
 
   .sd-table-wrapper {
-
     &:before,
     &:after {
       background-color: $background-dim;
@@ -447,33 +466,32 @@
   .sd-table__cell--row-text,
   .sd-table__cell--footer-total,
   .sd-matrix__cell:first-of-type,
-  .sd-matrix tr>td:first-of-type {
+  .sd-matrix tr > td:first-of-type {
     background-color: $background-dim;
   }
 }
 
 .sd-question--table {
-
-  &>.sd-question__header,
+  & > .sd-question__header,
   .sd-question__description--under-input .sv-string-viewer {
     position: sticky;
     left: 0;
   }
 
-  &>.sd-question__content {
+  & > .sd-question__content {
     padding-top: calcSize(2);
     --animation-padding-top: #{calcSize(2)};
     min-width: min-content;
   }
 
   &.sd-element--nested {
-    &>.sd-question__content {
+    & > .sd-question__content {
       min-width: auto;
       overflow-x: auto;
     }
   }
 
-  &.sd-element--nested>.sd-question__content,
+  &.sd-element--nested > .sd-question__content,
   &:not(.sd-element--with-frame):not(.sd-element--nested) {
     padding-right: var(--sd-base-padding);
     margin-right: calc(-1 * var(--sd-base-padding));
@@ -491,13 +509,13 @@
   //table-layout: fixed;
 }
 
-.sd-table__row-disabled>.sd-table__cell {
+.sd-table__row-disabled > .sd-table__cell {
   opacity: 0.25;
 }
 
 @mixin table_responsive {
   .sd-question.sd-question--table {
-    &>.sd-question__content {
+    & > .sd-question__content {
       padding-top: 0;
       --animation-padding-top: 0;
     }
@@ -601,7 +619,6 @@
   }
 
   .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type {
-
     .sd-table__cell-action--show-detail-mobile,
     .sd-table__cell-action--remove-row {
       margin-bottom: calcSize(-2);
@@ -644,33 +661,18 @@
     display: none;
   }
 
-  .sd-table__cell {
-    &::before {
-      padding-bottom: calcSize(1);
-      content: attr(data-responsive-title);
-      font-weight: 600;
-      display: block;
-      text-align: left;
-    }
+  .sd-table__responsive-title {
+    padding-bottom: calcSize(1);
+    content: attr(data-responsive-title);
+    font-weight: 600;
+    display: block;
+    text-align: left;
   }
 
   .sd-table--no-header {
     padding-top: 0;
-
-    .sd-table__cell {
-      &::before {
-        content: none;
-      }
-    }
-  }
-
-  .sd-matrix__cell,
-  .sd-table__cell--actions,
-  .sd-table__cell--row-text,
-  .sd-table__cell--footer-total,
-  .sd-table__cell--error {
-    &::before {
-      content: none;
+    .sd-table__responsive-title {
+      display: none;
     }
   }
 
@@ -738,7 +740,7 @@
     margin-top: 0;
   }
 
-  .sd-table__cell--error-top:first-of-type~.sd-table__cell:nth-of-type(2) {
+  .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {
     margin-top: 0;
   }
 
@@ -803,4 +805,4 @@
 
 .sd-table.sd-matrixdynamic {
   table-layout: auto;
-}
\ No newline at end of file
+}
diff --git a/src/knockout/templates/question-matrixdynamic.html b/src/knockout/templates/question-matrixdynamic.html
index 1cf9e13c92..31997c6fd3 100644
--- a/src/knockout/templates/question-matrixdynamic.html
+++ b/src/knockout/templates/question-matrixdynamic.html
@@ -48,8 +48,13 @@
 </script>
 <script type="text/html" id="survey-matrixdropdown-cell">
   <td
-    data-bind="css: $data.className, style: { minWidth: $data.minWidth, width: $data.width }, attr: { 'data-responsive-title': headers, title: $data.getTitle(), colspan: $data.colSpans }, event: {focusin: $data.focusIn }"
+    data-bind="css: $data.className, style: { minWidth: $data.minWidth, width: $data.width }, attr: { title: $data.getTitle(), colspan: $data.colSpans }, event: {focusin: $data.focusIn }"
   >
+    <!-- ko if: $data.showResponsiveTitle -->
+    <span data-bind="css: $data.responsiveTitleCss">
+        <!-- ko template: { name: 'survey-string', data: $data.responsiveLocTitle } --><!-- /ko -->
+    </span>
+    <!-- /ko -->
     <!-- ko if: $data.matrix -->
     <div data-bind="visible: question.isVisible, css: cellQuestionWrapperClassName">
       <!-- ko if: $data.isOtherChoice -->
@@ -129,13 +134,13 @@
         </td>
         <!-- /ko -->
         <!-- ko if: $data.isActionsCell -->
-        <td data-bind="css: $data.className, attr: { colspan: $data.colSpans, 'data-responsive-title': headers, title: $data.getTitle() }">
+        <td data-bind="css: $data.className, attr: { colspan: $data.colSpans, title: $data.getTitle() }">
           <!-- ko component: { name: 'sv-action-bar', params: { model: $data.item.getData(), handleClick: false } } -->
           <!-- /ko -->
         </td>
         <!-- /ko -->
         <!-- ko if: $data.isEmpty -->
-        <td data-bind="css: $data.className, attr: { colspan: $data.colSpans, 'data-responsive-title': headers, title: $data.getTitle() }"></td>
+        <td data-bind="css: $data.className, attr: { colspan: $data.colSpans, title: $data.getTitle() }"></td>
         <!-- /ko -->
         <!-- ko if: $data.hasPanel -->
         <td data-bind="css: $data.className, attr: { colspan: $data.colSpans }">
@@ -147,7 +152,7 @@
         </td>
         <!-- /ko -->
         <!-- ko if: $data.isErrorsCell -->
-        <td data-bind="css: $data.className, attr: { colspan: $data.colSpans, 'data-responsive-title': headers, title: $data.getTitle() }">
+        <td data-bind="css: $data.className, attr: { colspan: $data.colSpans, title: $data.getTitle() }">
             <!-- ko template: { name: 'survey-question-errors', data: $data.question, as: 'question' } -->
             <!-- /ko -->
         </td>
@@ -157,7 +162,7 @@
         <!-- /ko -->
         <!-- ko if: $data.hasTitle -->
         <td
-          data-bind="css: $data.className, style: { minWidth: $data.minWidth, width: $data.width }, attr: { colspan: $data.colSpans, 'data-responsive-title': headers, title: $data.getTitle() }"
+          data-bind="css: $data.className, style: { minWidth: $data.minWidth, width: $data.width }, attr: { colspan: $data.colSpans, title: $data.getTitle() }"
         >
           <!-- ko component: { name: question.getRowHeaderWrapperComponentName($data), params: { componentData:  question.getRowHeaderWrapperComponentData($data), templateData: { data: $data } } } -->
           <!-- ko template: { name: 'survey-string', data: $data.locTitle } --><!-- /ko -->
diff --git a/src/main.m600.scss b/src/main.m600.scss
index 8609194675..779eb5db53 100644
--- a/src/main.m600.scss
+++ b/src/main.m600.scss
@@ -41,15 +41,8 @@
 
               table.sv_q_matrix_dropdown,
               table.sv_q_matrix_dynamic {
-                td {
-                  &:before {
-                    content: attr(data-responsive-title);
-                  }
-                }
-                .sv-table__cell--row-text {
-                  &::before {
-                    content: none;
-                  }
+                .sv_matrix_cell_responsive_title {
+                  display: block;
                 }
               }
 
diff --git a/src/modern.m600.scss b/src/modern.m600.scss
index 993b690132..af42935be4 100644
--- a/src/modern.m600.scss
+++ b/src/modern.m600.scss
@@ -38,15 +38,8 @@
 
               table.sv-matrixdropdown,
               table.sv-matrixdynamic {
-                td {
-                  &:before {
-                    content: attr(data-responsive-title);
-                  }
-                }
-                .sv-table__cell--row-text {
-                  &:before {
-                    content: none;
-                  }
+                .sv-table__responsive-title {
+                  display: block;
                 }
               }
 
diff --git a/src/question_matrixdropdownrendered.ts b/src/question_matrixdropdownrendered.ts
index 0098f22048..c13a40750b 100644
--- a/src/question_matrixdropdownrendered.ts
+++ b/src/question_matrixdropdownrendered.ts
@@ -98,6 +98,15 @@ export class QuestionMatrixDropdownRenderedCell {
   public get cellQuestionWrapperClassName(): string {
     return this.cell.getQuestionWrapperClassName(this.matrix.cssClasses.cellQuestionWrapper);
   }
+  public get showResponsiveTitle(): boolean {
+    return this.hasQuestion && this.matrix?.isMobile;
+  }
+  public get responsiveTitleCss(): string {
+    return new CssClassBuilder().append(this.matrix.cssClasses.cellResponsiveTitle).toString();
+  }
+  public get responsiveLocTitle(): LocalizableString {
+    return this.cell.column.locTitle;
+  }
   public get headers(): string {
     if (this.cell && this.cell.column) {
       if (this.matrix.IsMultiplyColumn(this.cell.column)) {
diff --git a/src/react/reactquestion.tsx b/src/react/reactquestion.tsx
index 41454ebbc9..13a9e54f32 100644
--- a/src/react/reactquestion.tsx
+++ b/src/react/reactquestion.tsx
@@ -338,6 +338,13 @@ export class SurveyQuestionAndErrorsCell extends SurveyQuestionAndErrorsWrapped
       }
     }
   }
+  protected renderCellContent(): JSX.Element {
+    return (
+      <div className={this.props.cell.cellQuestionWrapperClassName}>
+        {this.renderQuestion()}
+      </div>
+    );
+  }
   protected renderElement(): JSX.Element {
     var style = this.getCellStyle();
     const cell = this.props.cell;
@@ -347,17 +354,11 @@ export class SurveyQuestionAndErrorsCell extends SurveyQuestionAndErrorsWrapped
         ref={this.cellRef}
         className={this.itemCss}
         colSpan={cell.colSpans}
-        data-responsive-title={this.getHeaderText()}
         title={cell.getTitle()}
         style={style}
         onFocus={focusIn}
       >
-        {this.wrapCell(this.props.cell,
-          (
-            <div className={this.props.cell.cellQuestionWrapperClassName}>
-              {this.renderQuestion()}
-            </div>)
-        )}
+        {this.wrapCell(this.props.cell, this.renderCellContent())}
       </td>
     );
   }
diff --git a/src/react/reactquestion_matrixdropdownbase.tsx b/src/react/reactquestion_matrixdropdownbase.tsx
index d60e1a395f..2b43620c3d 100644
--- a/src/react/reactquestion_matrixdropdownbase.tsx
+++ b/src/react/reactquestion_matrixdropdownbase.tsx
@@ -138,14 +138,12 @@ class SurveyQuestionMatrixTable extends SurveyElementBase<{ question: QuestionMa
       if (!!cell.width) cellStyle.width = cell.width;
       if (!!cell.minWidth) cellStyle.minWidth = cell.minWidth;
     }
-
     return (
       <td
         className={cell.className}
         key={key}
         style={cellStyle}
         colSpan={cell.colSpans}
-        data-responsive-title={cell.headers}
         title={cell.getTitle()}
       >
         {cellContent}
@@ -370,6 +368,14 @@ export class SurveyQuestionMatrixDropdownCell extends SurveyQuestionAndErrorsCel
   protected getHeaderText(): string {
     return this.cell.headers;
   }
+  protected renderCellContent() {
+    const content = super.renderCellContent();
+    const responsiveTitle = this.cell.showResponsiveTitle ? (<span className={this.cell.responsiveTitleCss}>{this.renderLocString(this.cell.responsiveLocTitle)}</span>) : null;
+    return <>
+      {responsiveTitle}
+      {content}
+    </>;
+  }
   protected renderQuestion(): JSX.Element {
     if(!this.question.isVisible) return <></>;
     if (!this.cell.isChoice)
diff --git a/src/vue/matrixdropdowncell.vue b/src/vue/matrixdropdowncell.vue
index ef13a5a4ac..acf6a36e1f 100644
--- a/src/vue/matrixdropdowncell.vue
+++ b/src/vue/matrixdropdowncell.vue
@@ -1,7 +1,6 @@
 <template>
   <td
     :class="cell.className"
-    :data-responsive-title="getHeaders()"
     :title="cell.getTitle()"
     :style="getCellStyle()"
     :colspan="cell.colSpans"
@@ -22,6 +21,9 @@
       :question="cell.panel"
       :css="question.cssClasses"
     ></component>
+    <span v-if="cell.showResponsiveTitle" :class="cell.responsiveTitleCss">
+      <survey-string :locString="cell.responsiveLocTitle" />
+    </span>
     <div v-if="cell.hasQuestion" :class="cell.cellQuestionWrapperClassName">
       <component
         v-if="!cell.isChoice && cell.question.isDefaultRendering()"
diff --git a/tests/markup/snapshots/martix-celltype-text-a11y.snap.html b/tests/markup/snapshots/martix-celltype-text-a11y.snap.html
index ed60a96cd1..1f8b40cabb 100644
--- a/tests/markup/snapshots/martix-celltype-text-a11y.snap.html
+++ b/tests/markup/snapshots/martix-celltype-text-a11y.snap.html
@@ -11,40 +11,40 @@
 		</thead>
 		<tbody>
 			<tr class="sv_matrix_row" data-sv-drop-target-matrix-row="testid0row1">
-				<td class="sv_matrix_cell sv-table__cell--row-text" colspan="1" data-responsive-title="Age 0-4" title="">
+				<td class="sv_matrix_cell sv-table__cell--row-text" colspan="1" title="">
 					<span class="sv-string-viewer">Age 0-4</span>
 				</td>
-				<td class="sv_matrix_cell" colspan="1" data-responsive-title="Number of people" title="Number of people">
+				<td class="sv_matrix_cell" colspan="1" title="Number of people">
 					<div>
 						<input aria-invalid="false" aria-label="row Age 0-4, column Number of people" aria-required="false" autocomplete="" class="sv_q_text_root" id="testid0row1cell1i" min="0" placeholder="" step="any" type="number">
 					</div>
 				</td>
 			</tr>
 			<tr class="sv_matrix_row" data-sv-drop-target-matrix-row="testid0row3">
-				<td class="sv_matrix_cell sv-table__cell--row-text" colspan="1" data-responsive-title="Age 5-11" title="">
+				<td class="sv_matrix_cell sv-table__cell--row-text" colspan="1" title="">
 					<span class="sv-string-viewer">Age 5-11</span>
 				</td>
-				<td class="sv_matrix_cell" colspan="1" data-responsive-title="Number of people" title="Number of people">
+				<td class="sv_matrix_cell" colspan="1" title="Number of people">
 					<div>
 						<input aria-invalid="false" aria-label="row Age 5-11, column Number of people" aria-required="false" autocomplete="" class="sv_q_text_root" id="testid0row3cell1i" min="0" placeholder="" step="any" type="number">
 					</div>
 				</td>
 			</tr>
 			<tr class="sv_matrix_row" data-sv-drop-target-matrix-row="testid0row5">
-				<td class="sv_matrix_cell sv-table__cell--row-text" colspan="1" data-responsive-title="Age 12-15" title="">
+				<td class="sv_matrix_cell sv-table__cell--row-text" colspan="1" title="">
 					<span class="sv-string-viewer">Age 12-15</span>
 				</td>
-				<td class="sv_matrix_cell" colspan="1" data-responsive-title="Number of people" title="Number of people">
+				<td class="sv_matrix_cell" colspan="1" title="Number of people">
 					<div>
 						<input aria-invalid="false" aria-label="row Age 12-15, column Number of people" aria-required="false" autocomplete="" class="sv_q_text_root" id="testid0row5cell1i" min="0" placeholder="" step="any" type="number">
 					</div>
 				</td>
 			</tr>
 			<tr class="sv_matrix_row" data-sv-drop-target-matrix-row="testid0row7">
-				<td class="sv_matrix_cell sv-table__cell--row-text" colspan="1" data-responsive-title="Age 16+" title="">
+				<td class="sv_matrix_cell sv-table__cell--row-text" colspan="1" title="">
 					<span class="sv-string-viewer">Age 16+</span>
 				</td>
-				<td class="sv_matrix_cell" colspan="1" data-responsive-title="Number of people" title="Number of people">
+				<td class="sv_matrix_cell" colspan="1" title="Number of people">
 					<div>
 						<input aria-invalid="false" aria-label="row Age 16+, column Number of people" aria-required="false" autocomplete="" class="sv_q_text_root" id="testid0row7cell1i" min="0" placeholder="" step="any" type="number">
 					</div>
diff --git a/tests/markup/snapshots/matrixdropdown-cell-errors-bottom.snap.html b/tests/markup/snapshots/matrixdropdown-cell-errors-bottom.snap.html
index 1e47b86a60..3551dd0889 100644
--- a/tests/markup/snapshots/matrixdropdown-cell-errors-bottom.snap.html
+++ b/tests/markup/snapshots/matrixdropdown-cell-errors-bottom.snap.html
@@ -13,19 +13,19 @@
 		</thead>
 		<tbody>
 			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row0">
-				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" data-responsive-title="row1" title="">
+				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" title="">
 					<span class="sv-string-viewer">row1</span>
 				</td>
-				<td class="sd-question--error sd-table__cell" colspan="1" data-responsive-title="col1" title="col1">
+				<td class="sd-question--error sd-table__cell" colspan="1" title="col1">
 					<div class="sd-table__question-wrapper">
 						<input aria-errormessage="testid0row0cell1_errors" aria-invalid="true" aria-label="row row1, column col1" aria-required="true" autocomplete="" class="sd-input sd-input--error sd-text" id="testid0row0cell1i" placeholder="" type="text">
 					</div>
 				</td>
 			</tr>
 			<tr class="sd-table__row">
-				<td class="sd-table__cell sd-table__cell--empty sd-table__cell--error" colspan="1" data-responsive-title="" title="">
+				<td class="sd-table__cell sd-table__cell--empty sd-table__cell--error" colspan="1" title="">
 				</td>
-				<td class="sd-table__cell sd-table__cell--error sd-table__cell--error-bottom" colspan="1" data-responsive-title="" title="">
+				<td class="sd-table__cell sd-table__cell--error sd-table__cell--error-bottom" colspan="1" title="">
 					<div aria-live="polite" class="sd-element__erbox sd-error sd-question__erbox sd-question__erbox--below-question" id="testid0row0cell1_errors" role="alert">
 						<div>
 							<span aria-hidden="true">
diff --git a/tests/markup/snapshots/matrixdropdown-cell-errors-top.snap.html b/tests/markup/snapshots/matrixdropdown-cell-errors-top.snap.html
index 2f3a11305e..e39a233678 100644
--- a/tests/markup/snapshots/matrixdropdown-cell-errors-top.snap.html
+++ b/tests/markup/snapshots/matrixdropdown-cell-errors-top.snap.html
@@ -13,9 +13,9 @@
 		</thead>
 		<tbody>
 			<tr class="sd-table__row">
-				<td class="sd-table__cell sd-table__cell--empty sd-table__cell--error" colspan="1" data-responsive-title="" title="">
+				<td class="sd-table__cell sd-table__cell--empty sd-table__cell--error" colspan="1" title="">
 				</td>
-				<td class="sd-table__cell sd-table__cell--error sd-table__cell--error-top" colspan="1" data-responsive-title="" title="">
+				<td class="sd-table__cell sd-table__cell--error sd-table__cell--error-top" colspan="1" title="">
 					<div aria-live="polite" class="sd-element__erbox sd-element__erbox--above-element sd-error sd-question__erbox sd-question__erbox--above-question" id="testid0row1cell1_errors" role="alert">
 						<div>
 							<span aria-hidden="true">
@@ -28,10 +28,10 @@
 				</td>
 			</tr>
 			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row1">
-				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" data-responsive-title="row1" title="">
+				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" title="">
 					<span class="sv-string-viewer">row1</span>
 				</td>
-				<td class="sd-question--error sd-table__cell" colspan="1" data-responsive-title="col1" title="col1">
+				<td class="sd-question--error sd-table__cell" colspan="1" title="col1">
 					<div class="sd-table__question-wrapper">
 						<input aria-errormessage="testid0row1cell1_errors" aria-invalid="true" aria-label="row row1, column col1" aria-required="true" autocomplete="" class="sd-input sd-input--error sd-text" id="testid0row1cell1i" placeholder="" type="text">
 					</div>
diff --git a/tests/markup/snapshots/matrixdropdown-disabled.snap.html b/tests/markup/snapshots/matrixdropdown-disabled.snap.html
index c20fe38ae4..aa5ed3e173 100644
--- a/tests/markup/snapshots/matrixdropdown-disabled.snap.html
+++ b/tests/markup/snapshots/matrixdropdown-disabled.snap.html
@@ -1,50 +1,50 @@
-<div class="sd-table-wrapper">
-	<table class="sd-matrixdropdown sd-table sd-table--align-middle sd-table--columnsautowidth">
-		<thead>
-			<tr>
-				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--empty sd-table__cell--header sd-table__cell--text">
-				</td>
-				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
-					<span class="sv-string-editor" contenteditable="true">
-					</span>
-				</th>
-				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
-					<span class="sv-string-editor" contenteditable="true">
-					</span>
-				</th>
-			</tr>
-		</thead>
-		<tbody>
-			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row1">
-				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" data-responsive-title="Row 1" title="">
-					<span class="sv-string-editor" contenteditable="true">Row 1</span>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-text" disabled="" id="testid0row1cell1i" placeholder="" type="text">
-					</div>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-text" disabled="" id="testid0row1cell2i" placeholder="" type="text">
-					</div>
-				</td>
-			</tr>
-			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row3">
-				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" data-responsive-title="Row 2" title="">
-					<span class="sv-string-editor" contenteditable="true">Row 2</span>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-text" disabled="" id="testid0row3cell1i" placeholder="" type="text">
-					</div>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-text" disabled="" id="testid0row3cell2i" placeholder="" type="text">
-					</div>
-				</td>
-			</tr>
-		</tbody>
-	</table>
+<div class="sd-table-wrapper">
+	<table class="sd-matrixdropdown sd-table sd-table--align-middle sd-table--columnsautowidth">
+		<thead>
+			<tr>
+				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--empty sd-table__cell--header sd-table__cell--text">
+				</td>
+				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
+					<span class="sv-string-editor" contenteditable="true">
+					</span>
+				</th>
+				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
+					<span class="sv-string-editor" contenteditable="true">
+					</span>
+				</th>
+			</tr>
+		</thead>
+		<tbody>
+			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row1">
+				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" title="">
+					<span class="sv-string-editor" contenteditable="true">Row 1</span>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-text" disabled="" id="testid0row1cell1i" placeholder="" type="text">
+					</div>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-text" disabled="" id="testid0row1cell2i" placeholder="" type="text">
+					</div>
+				</td>
+			</tr>
+			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row3">
+				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" title="">
+					<span class="sv-string-editor" contenteditable="true">Row 2</span>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-text" disabled="" id="testid0row3cell1i" placeholder="" type="text">
+					</div>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-text" disabled="" id="testid0row3cell2i" placeholder="" type="text">
+					</div>
+				</td>
+			</tr>
+		</tbody>
+	</table>
 </div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/matrixdropdown-readonly.snap.html b/tests/markup/snapshots/matrixdropdown-readonly.snap.html
index 38784d9122..1d9d6d37fa 100644
--- a/tests/markup/snapshots/matrixdropdown-readonly.snap.html
+++ b/tests/markup/snapshots/matrixdropdown-readonly.snap.html
@@ -1,50 +1,50 @@
-<div class="sd-table-wrapper">
-	<table class="sd-matrixdropdown sd-table sd-table--align-middle sd-table--columnsautowidth">
-		<thead>
-			<tr>
-				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--empty sd-table__cell--header sd-table__cell--text">
-				</td>
-				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
-					<span class="sv-string-viewer sv-string-viewer--multiline">
-					</span>
-				</th>
-				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
-					<span class="sv-string-viewer sv-string-viewer--multiline">
-					</span>
-				</th>
-			</tr>
-		</thead>
-		<tbody>
-			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row1">
-				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" data-responsive-title="Row 1" title="">
-					<span class="sv-string-viewer">Row 1</span>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-input--readonly sd-text" id="testid0row1cell1i" placeholder="" readonly="" type="text">
-					</div>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-input--readonly sd-text" id="testid0row1cell2i" placeholder="" readonly="" type="text">
-					</div>
-				</td>
-			</tr>
-			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row3">
-				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" data-responsive-title="Row 2" title="">
-					<span class="sv-string-viewer">Row 2</span>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-input--readonly sd-text" id="testid0row3cell1i" placeholder="" readonly="" type="text">
-					</div>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-input--readonly sd-text" id="testid0row3cell2i" placeholder="" readonly="" type="text">
-					</div>
-				</td>
-			</tr>
-		</tbody>
-	</table>
+<div class="sd-table-wrapper">
+	<table class="sd-matrixdropdown sd-table sd-table--align-middle sd-table--columnsautowidth">
+		<thead>
+			<tr>
+				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--empty sd-table__cell--header sd-table__cell--text">
+				</td>
+				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
+					<span class="sv-string-viewer sv-string-viewer--multiline">
+					</span>
+				</th>
+				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
+					<span class="sv-string-viewer sv-string-viewer--multiline">
+					</span>
+				</th>
+			</tr>
+		</thead>
+		<tbody>
+			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row1">
+				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" title="">
+					<span class="sv-string-viewer">Row 1</span>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-input--readonly sd-text" id="testid0row1cell1i" placeholder="" readonly="" type="text">
+					</div>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-input--readonly sd-text" id="testid0row1cell2i" placeholder="" readonly="" type="text">
+					</div>
+				</td>
+			</tr>
+			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row3">
+				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" title="">
+					<span class="sv-string-viewer">Row 2</span>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-input--readonly sd-text" id="testid0row3cell1i" placeholder="" readonly="" type="text">
+					</div>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-input--readonly sd-text" id="testid0row3cell2i" placeholder="" readonly="" type="text">
+					</div>
+				</td>
+			</tr>
+		</tbody>
+	</table>
 </div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/matrixdropdown-vertical.snap.html b/tests/markup/snapshots/matrixdropdown-vertical.snap.html
index aef19310b8..0bdf923530 100644
--- a/tests/markup/snapshots/matrixdropdown-vertical.snap.html
+++ b/tests/markup/snapshots/matrixdropdown-vertical.snap.html
@@ -1,50 +1,50 @@
-<div class="sd-table-wrapper">
-	<table class="sd-matrixdropdown sd-table sd-table--align-middle sd-table--columnsautowidth">
-		<thead>
-			<tr>
-				<td class="sd-table__cell sd-table__cell--empty sd-table__cell--header sd-table__cell--text">
-				</td>
-				<th class="sd-table__cell sd-table__cell--header">
-					<span class="sv-string-viewer">Row 1</span>
-				</th>
-				<th class="sd-table__cell sd-table__cell--header">
-					<span class="sv-string-viewer">Row 2</span>
-				</th>
-			</tr>
-		</thead>
-		<tbody>
-			<tr class="sd-table__row sd-table__row--expanded sd-table__row--has-panel">
-				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--row-text" colspan="1" data-responsive-title="" title="">
-					<span class="sv-string-viewer sv-string-viewer--multiline">
-					</span>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row1cell1i" placeholder="" type="text">
-					</div>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row1cell2i" placeholder="" type="text">
-					</div>
-				</td>
-			</tr>
-			<tr class="sd-table__row sd-table__row--expanded sd-table__row--has-panel">
-				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--row-text" colspan="1" data-responsive-title="" title="">
-					<span class="sv-string-viewer sv-string-viewer--multiline">
-					</span>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row3cell1i" placeholder="" type="text">
-					</div>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row3cell2i" placeholder="" type="text">
-					</div>
-				</td>
-			</tr>
-		</tbody>
-	</table>
+<div class="sd-table-wrapper">
+	<table class="sd-matrixdropdown sd-table sd-table--align-middle sd-table--columnsautowidth">
+		<thead>
+			<tr>
+				<td class="sd-table__cell sd-table__cell--empty sd-table__cell--header sd-table__cell--text">
+				</td>
+				<th class="sd-table__cell sd-table__cell--header">
+					<span class="sv-string-viewer">Row 1</span>
+				</th>
+				<th class="sd-table__cell sd-table__cell--header">
+					<span class="sv-string-viewer">Row 2</span>
+				</th>
+			</tr>
+		</thead>
+		<tbody>
+			<tr class="sd-table__row sd-table__row--expanded sd-table__row--has-panel">
+				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--row-text" colspan="1" title="">
+					<span class="sv-string-viewer sv-string-viewer--multiline">
+					</span>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row1cell1i" placeholder="" type="text">
+					</div>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row1cell2i" placeholder="" type="text">
+					</div>
+				</td>
+			</tr>
+			<tr class="sd-table__row sd-table__row--expanded sd-table__row--has-panel">
+				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--row-text" colspan="1" title="">
+					<span class="sv-string-viewer sv-string-viewer--multiline">
+					</span>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row3cell1i" placeholder="" type="text">
+					</div>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row3cell2i" placeholder="" type="text">
+					</div>
+				</td>
+			</tr>
+		</tbody>
+	</table>
 </div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/matrixdropdown.snap.html b/tests/markup/snapshots/matrixdropdown.snap.html
index b789ceb925..116ac9d4de 100644
--- a/tests/markup/snapshots/matrixdropdown.snap.html
+++ b/tests/markup/snapshots/matrixdropdown.snap.html
@@ -1,50 +1,50 @@
-<div class="sd-table-wrapper">
-	<table class="sd-matrixdropdown sd-table sd-table--align-middle sd-table--columnsautowidth">
-		<thead>
-			<tr>
-				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--empty sd-table__cell--header sd-table__cell--text">
-				</td>
-				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
-					<span class="sv-string-viewer sv-string-viewer--multiline">
-					</span>
-				</th>
-				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
-					<span class="sv-string-viewer sv-string-viewer--multiline">
-					</span>
-				</th>
-			</tr>
-		</thead>
-		<tbody>
-			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row1">
-				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" data-responsive-title="Row 1" title="">
-					<span class="sv-string-viewer">Row 1</span>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row1cell1i" placeholder="" type="text">
-					</div>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row1cell2i" placeholder="" type="text">
-					</div>
-				</td>
-			</tr>
-			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row3">
-				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" data-responsive-title="Row 2" title="">
-					<span class="sv-string-viewer">Row 2</span>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row3cell1i" placeholder="" type="text">
-					</div>
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
-					<div class="sd-table__question-wrapper">
-						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row3cell2i" placeholder="" type="text">
-					</div>
-				</td>
-			</tr>
-		</tbody>
-	</table>
+<div class="sd-table-wrapper">
+	<table class="sd-matrixdropdown sd-table sd-table--align-middle sd-table--columnsautowidth">
+		<thead>
+			<tr>
+				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--empty sd-table__cell--header sd-table__cell--text">
+				</td>
+				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
+					<span class="sv-string-viewer sv-string-viewer--multiline">
+					</span>
+				</th>
+				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
+					<span class="sv-string-viewer sv-string-viewer--multiline">
+					</span>
+				</th>
+			</tr>
+		</thead>
+		<tbody>
+			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row1">
+				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" title="">
+					<span class="sv-string-viewer">Row 1</span>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row1cell1i" placeholder="" type="text">
+					</div>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 1, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row1cell2i" placeholder="" type="text">
+					</div>
+				</td>
+			</tr>
+			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row3">
+				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" title="">
+					<span class="sv-string-viewer">Row 2</span>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row3cell1i" placeholder="" type="text">
+					</div>
+				</td>
+				<td class="sd-table__cell" colspan="1" title="">
+					<div class="sd-table__question-wrapper">
+						<input aria-invalid="false" aria-label="row Row 2, column " aria-required="false" autocomplete="" class="sd-input sd-text" id="testid0row3cell2i" placeholder="" type="text">
+					</div>
+				</td>
+			</tr>
+		</tbody>
+	</table>
 </div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/matrixdynamic-default.snap.html b/tests/markup/snapshots/matrixdynamic-default.snap.html
index 7446fe4f36..98af587844 100644
--- a/tests/markup/snapshots/matrixdynamic-default.snap.html
+++ b/tests/markup/snapshots/matrixdynamic-default.snap.html
@@ -18,7 +18,7 @@
 			</thead>
 			<tbody>
 				<tr class="sv_matrix_row" data-sv-drop-target-matrix-row="testid0row1">
-					<td class="sv_matrix_cell" colspan="1" data-responsive-title="Column 1" title="Column 1">
+					<td class="sv_matrix_cell" colspan="1" title="Column 1">
 						<div>
 							<div>
 								<div class="sv_select_wrapper">
@@ -57,7 +57,7 @@
 							</div>
 						</div>
 					</td>
-					<td class="sv_matrix_cell" colspan="1" data-responsive-title="Column 2" title="Column 2">
+					<td class="sv_matrix_cell" colspan="1" title="Column 2">
 						<div>
 							<div>
 								<div class="sv_select_wrapper">
@@ -96,7 +96,7 @@
 							</div>
 						</div>
 					</td>
-					<td class="sv_matrix_cell" colspan="1" data-responsive-title="Column 3" title="Column 3">
+					<td class="sv_matrix_cell" colspan="1" title="Column 3">
 						<div>
 							<div>
 								<div class="sv_select_wrapper">
@@ -135,7 +135,7 @@
 							</div>
 						</div>
 					</td>
-					<td class="sv_matrix_cell sv_matrix_cell_actions" colspan="1" data-responsive-title="" title="">
+					<td class="sv_matrix_cell sv_matrix_cell_actions" colspan="1" title="">
 						<div class="sv-action-bar sv-action-bar--default-size-mode">
 							<div class="sv-action" id="remove-row">
 								<div class="sv-action__content">
@@ -150,7 +150,7 @@
 					</td>
 				</tr>
 				<tr class="sv_matrix_row" data-sv-drop-target-matrix-row="testid0row3">
-					<td class="sv_matrix_cell" colspan="1" data-responsive-title="Column 1" title="Column 1">
+					<td class="sv_matrix_cell" colspan="1" title="Column 1">
 						<div>
 							<div>
 								<div class="sv_select_wrapper">
@@ -189,7 +189,7 @@
 							</div>
 						</div>
 					</td>
-					<td class="sv_matrix_cell" colspan="1" data-responsive-title="Column 2" title="Column 2">
+					<td class="sv_matrix_cell" colspan="1" title="Column 2">
 						<div>
 							<div>
 								<div class="sv_select_wrapper">
@@ -228,7 +228,7 @@
 							</div>
 						</div>
 					</td>
-					<td class="sv_matrix_cell" colspan="1" data-responsive-title="Column 3" title="Column 3">
+					<td class="sv_matrix_cell" colspan="1" title="Column 3">
 						<div>
 							<div>
 								<div class="sv_select_wrapper">
@@ -267,7 +267,7 @@
 							</div>
 						</div>
 					</td>
-					<td class="sv_matrix_cell sv_matrix_cell_actions" colspan="1" data-responsive-title="" title="">
+					<td class="sv_matrix_cell sv_matrix_cell_actions" colspan="1" title="">
 						<div class="sv-action-bar sv-action-bar--default-size-mode">
 							<div class="sv-action" id="remove-row">
 								<div class="sv-action__content">
diff --git a/tests/markup/snapshots/matrixdynamic-defaultV2.snap.html b/tests/markup/snapshots/matrixdynamic-defaultV2.snap.html
index f5265a4010..24207f6ddc 100644
--- a/tests/markup/snapshots/matrixdynamic-defaultV2.snap.html
+++ b/tests/markup/snapshots/matrixdynamic-defaultV2.snap.html
@@ -18,7 +18,7 @@
 			</thead>
 			<tbody>
 				<tr class="sd-table__row sd-table__row--has-end-actions" data-sv-drop-target-matrix-row="testid0row1">
-					<td class="sd-table__cell" colspan="1" data-responsive-title="Column 1" title="Column 1">
+					<td class="sd-table__cell" colspan="1" title="Column 1">
 						<div class="sd-table__question-wrapper">
 							<div class="sd-selectbase">
 								<div class="sv-dropdown_select-wrapper">
@@ -63,7 +63,7 @@
 							</div>
 						</div>
 					</td>
-					<td class="sd-table__cell" colspan="1" data-responsive-title="Column 2" title="Column 2">
+					<td class="sd-table__cell" colspan="1" title="Column 2">
 						<div class="sd-table__question-wrapper">
 							<div class="sd-selectbase">
 								<div class="sv-dropdown_select-wrapper">
@@ -108,7 +108,7 @@
 							</div>
 						</div>
 					</td>
-					<td class="sd-table__cell" colspan="1" data-responsive-title="Column 3" title="Column 3">
+					<td class="sd-table__cell" colspan="1" title="Column 3">
 						<div class="sd-table__question-wrapper">
 							<div class="sd-selectbase">
 								<div class="sv-dropdown_select-wrapper">
@@ -153,7 +153,7 @@
 							</div>
 						</div>
 					</td>
-					<td class="sd-table__cell sd-table__cell--actions sd-table__cell-action--remove-row" colspan="1" data-responsive-title="" title="">
+					<td class="sd-table__cell sd-table__cell--actions sd-table__cell-action--remove-row" colspan="1" title="">
 						<div class="sd-action-bar">
 							<div class="sv-action" id="remove-row">
 								<div class="sv-action__content">
@@ -170,7 +170,7 @@
 					</td>
 				</tr>
 				<tr class="sd-table__row sd-table__row--has-end-actions" data-sv-drop-target-matrix-row="testid0row3">
-					<td class="sd-table__cell" colspan="1" data-responsive-title="Column 1" title="Column 1">
+					<td class="sd-table__cell" colspan="1" title="Column 1">
 						<div class="sd-table__question-wrapper">
 							<div class="sd-selectbase">
 								<div class="sv-dropdown_select-wrapper">
@@ -215,7 +215,7 @@
 							</div>
 						</div>
 					</td>
-					<td class="sd-table__cell" colspan="1" data-responsive-title="Column 2" title="Column 2">
+					<td class="sd-table__cell" colspan="1" title="Column 2">
 						<div class="sd-table__question-wrapper">
 							<div class="sd-selectbase">
 								<div class="sv-dropdown_select-wrapper">
@@ -260,7 +260,7 @@
 							</div>
 						</div>
 					</td>
-					<td class="sd-table__cell" colspan="1" data-responsive-title="Column 3" title="Column 3">
+					<td class="sd-table__cell" colspan="1" title="Column 3">
 						<div class="sd-table__question-wrapper">
 							<div class="sd-selectbase">
 								<div class="sv-dropdown_select-wrapper">
@@ -305,7 +305,7 @@
 							</div>
 						</div>
 					</td>
-					<td class="sd-table__cell sd-table__cell--actions sd-table__cell-action--remove-row" colspan="1" data-responsive-title="" title="">
+					<td class="sd-table__cell sd-table__cell--actions sd-table__cell-action--remove-row" colspan="1" title="">
 						<div class="sd-action-bar">
 							<div class="sv-action" id="remove-row">
 								<div class="sv-action__content">
diff --git a/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns-mobile.snap.html b/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns-mobile.snap.html
index 3150053e1a..8b9676dd25 100644
--- a/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns-mobile.snap.html
+++ b/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns-mobile.snap.html
@@ -1,82 +1,88 @@
-<div class="sd-table-wrapper">
-	<table class="sd-matrixdropdown sd-table sd-table--align-middle">
-		<thead>
-			<tr>
-				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--dropdown sd-table__cell--empty sd-table__cell--header">
-				</td>
-				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--radiogroup">
-					<span class="sv-string-viewer sv-string-viewer--multiline">col1</span>
-					<span>&nbsp;</span>
-					<span class="sd-question__required-text">*</span>
-				</th>
-				<th class="sd-table__cell sd-table__cell--checkbox sd-table__cell--column-title sd-table__cell--header">
-					<span class="sv-string-viewer sv-string-viewer--multiline">col2</span>
-					<span>&nbsp;</span>
-					<span class="sd-question__required-text">*</span>
-				</th>
-			</tr>
-		</thead>
-		<tbody>
-			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row1">
-				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" data-responsive-title="row1" title="">
-					<span class="sv-string-viewer">row1</span>
-				</td>
-				<td class="sd-table__cell sd-table__cell--error sd-table__cell--error-top" colspan="1" data-responsive-title="" title="">
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="col1" title="col1">
-					<div class="sd-table__question-wrapper">
-						<fieldset aria-invalid="false" aria-label="row row1, column col1" aria-required="true" class="sd-selectbase sd-selectbase--row" role="radiogroup">
-							<div class="sd-item sd-item--allowhover sd-radio sd-radio--allowhover sd-selectbase__item sd-selectbase__item--inline" role="presentation">
-								<label class="sd-selectbase__label">
-									<input class="sd-item__control sd-radio__control sd-visuallyhidden" id="testid0row1cell1i_0" name="col1_testid0row1cell1" type="radio" value="Item 1">
-									<span class="sd-item__decorator sd-radio__decorator">
-									</span>
-									<span class="sd-item__control-label">
-										<span class="sv-string-viewer">Item 1</span>
-									</span>
-								</label>
-							</div>
-						</fieldset>
-					</div>
-				</td>
-				<td class="sd-table__cell sd-table__cell--error sd-table__cell--error-top" colspan="1" data-responsive-title="" title="">
-				</td>
-				<td class="sd-table__cell" colspan="1" data-responsive-title="col2" title="col2">
-					<div class="sd-table__question-wrapper">
-						<fieldset aria-invalid="false" aria-label="row row1, column col2" aria-required="true" class="sd-selectbase sd-selectbase--row" role="listbox">
-							<legend class="sv-hidden">row row1, column col2</legend>
-							<div class="sd-checkbox sd-checkbox--allowhover sd-item sd-item--allowhover sd-selectbase__item sd-selectbase__item--inline" role="presentation">
-								<label class="sd-selectbase__label">
-									<input class="sd-checkbox__control sd-item__control sd-visuallyhidden" id="testid0row1cell3i_0" name="col2Item 1" role="option" type="checkbox" value="Item 1">
-									<span class="sd-checkbox__decorator sd-item__decorator">
-										<svg class="sd-checkbox__svg sd-item__svg">
-											<use xlink:href="#icon-v2check" class="">
-											</use>
-										</svg>
-									</span>
-									<span class="sd-item__control-label">
-										<span class="sv-string-viewer">Item 1</span>
-									</span>
-								</label>
-							</div>
-							<div class="sd-checkbox sd-checkbox--allowhover sd-item sd-item--allowhover sd-selectbase__item sd-selectbase__item--inline" role="presentation">
-								<label class="sd-selectbase__label">
-									<input class="sd-checkbox__control sd-item__control sd-visuallyhidden" id="testid0row1cell3i_1" name="col2Item 2" role="option" type="checkbox" value="Item 2">
-									<span class="sd-checkbox__decorator sd-item__decorator">
-										<svg class="sd-checkbox__svg sd-item__svg">
-											<use xlink:href="#icon-v2check" class="">
-											</use>
-										</svg>
-									</span>
-									<span class="sd-item__control-label">
-										<span class="sv-string-viewer">Item 2</span>
-									</span>
-								</label>
-							</div>
-						</fieldset>
-					</div>
-				</td>
-			</tr>
-		</tbody>
-	</table>
+<div class="sd-table-wrapper">
+	<table class="sd-matrixdropdown sd-table sd-table--align-middle">
+		<thead>
+			<tr>
+				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--dropdown sd-table__cell--empty sd-table__cell--header">
+				</td>
+				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--radiogroup">
+					<span class="sv-string-viewer sv-string-viewer--multiline">col1</span>
+					<span>&nbsp;</span>
+					<span class="sd-question__required-text">*</span>
+				</th>
+				<th class="sd-table__cell sd-table__cell--checkbox sd-table__cell--column-title sd-table__cell--header">
+					<span class="sv-string-viewer sv-string-viewer--multiline">col2</span>
+					<span>&nbsp;</span>
+					<span class="sd-question__required-text">*</span>
+				</th>
+			</tr>
+		</thead>
+		<tbody>
+			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row1">
+				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" title="">
+					<span class="sv-string-viewer">row1</span>
+				</td>
+				<td class="sd-table__cell sd-table__cell--error sd-table__cell--error-top" colspan="1" title="">
+				</td>
+				<td class="sd-table__cell" colspan="1" title="col1">
+					<span class="sd-table__responsive-title">
+						<span class="sv-string-viewer sv-string-viewer--multiline">col1</span>
+					</span>
+					<div class="sd-table__question-wrapper">
+						<fieldset aria-invalid="false" aria-label="row row1, column col1" aria-required="true" class="sd-selectbase sd-selectbase--row" role="radiogroup">
+							<div class="sd-item sd-item--allowhover sd-radio sd-radio--allowhover sd-selectbase__item sd-selectbase__item--inline" role="presentation">
+								<label class="sd-selectbase__label">
+									<input class="sd-item__control sd-radio__control sd-visuallyhidden" id="testid0row1cell1i_0" name="col1_testid0row1cell1" type="radio" value="Item 1">
+									<span class="sd-item__decorator sd-radio__decorator">
+									</span>
+									<span class="sd-item__control-label">
+										<span class="sv-string-viewer">Item 1</span>
+									</span>
+								</label>
+							</div>
+						</fieldset>
+					</div>
+				</td>
+				<td class="sd-table__cell sd-table__cell--error sd-table__cell--error-top" colspan="1" title="">
+				</td>
+				<td class="sd-table__cell" colspan="1" title="col2">
+					<span class="sd-table__responsive-title">
+						<span class="sv-string-viewer sv-string-viewer--multiline">col2</span>
+					</span>
+					<div class="sd-table__question-wrapper">
+						<fieldset aria-invalid="false" aria-label="row row1, column col2" aria-required="true" class="sd-selectbase sd-selectbase--row" role="listbox">
+							<legend class="sv-hidden">row row1, column col2</legend>
+							<div class="sd-checkbox sd-checkbox--allowhover sd-item sd-item--allowhover sd-selectbase__item sd-selectbase__item--inline" role="presentation">
+								<label class="sd-selectbase__label">
+									<input class="sd-checkbox__control sd-item__control sd-visuallyhidden" id="testid0row1cell3i_0" name="col2Item 1" role="option" type="checkbox" value="Item 1">
+									<span class="sd-checkbox__decorator sd-item__decorator">
+										<svg class="sd-checkbox__svg sd-item__svg">
+											<use xlink:href="#icon-v2check" class="">
+											</use>
+										</svg>
+									</span>
+									<span class="sd-item__control-label">
+										<span class="sv-string-viewer">Item 1</span>
+									</span>
+								</label>
+							</div>
+							<div class="sd-checkbox sd-checkbox--allowhover sd-item sd-item--allowhover sd-selectbase__item sd-selectbase__item--inline" role="presentation">
+								<label class="sd-selectbase__label">
+									<input class="sd-checkbox__control sd-item__control sd-visuallyhidden" id="testid0row1cell3i_1" name="col2Item 2" role="option" type="checkbox" value="Item 2">
+									<span class="sd-checkbox__decorator sd-item__decorator">
+										<svg class="sd-checkbox__svg sd-item__svg">
+											<use xlink:href="#icon-v2check" class="">
+											</use>
+										</svg>
+									</span>
+									<span class="sd-item__control-label">
+										<span class="sv-string-viewer">Item 2</span>
+									</span>
+								</label>
+							</div>
+						</fieldset>
+					</div>
+				</td>
+			</tr>
+		</tbody>
+	</table>
 </div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns.snap.html b/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns.snap.html
index c23c211934..5e5a55c21c 100644
--- a/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns.snap.html
+++ b/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns.snap.html
@@ -17,10 +17,10 @@
 		</thead>
 		<tbody>
 			<tr class="sd-table__row" data-sv-drop-target-matrix-row="testid0row1">
-				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" data-responsive-title="row1" title="">
+				<td class="sd-table__cell sd-table__cell--row-text" colspan="1" title="">
 					<span class="sv-string-viewer">row1</span>
 				</td>
-				<td class="sd-table__cell sd-table__cell--item" colspan="1" data-responsive-title="Item 1" title="Item 1">
+				<td class="sd-table__cell sd-table__cell--item" colspan="1" title="Item 1">
 					<div class="sd-table__question-wrapper">
 						<div class="sd-item sd-item--allowhover sd-radio sd-radio--allowhover sd-selectbase__item sd-selectbase__item--inline" role="presentation">
 							<label class="sd-selectbase__label">
@@ -31,7 +31,7 @@
 						</div>
 					</div>
 				</td>
-				<td class="sd-table__cell sd-table__cell--item" colspan="1" data-responsive-title="Item 1" title="Item 1">
+				<td class="sd-table__cell sd-table__cell--item" colspan="1" title="Item 1">
 					<div class="sd-table__question-wrapper">
 						<div class="sd-checkbox sd-checkbox--allowhover sd-item sd-item--allowhover sd-selectbase__item sd-selectbase__item--inline" role="presentation">
 							<label class="sd-selectbase__label">
@@ -46,7 +46,7 @@
 						</div>
 					</div>
 				</td>
-				<td class="sd-table__cell sd-table__cell--item" colspan="1" data-responsive-title="Item 2" title="Item 2">
+				<td class="sd-table__cell sd-table__cell--item" colspan="1" title="Item 2">
 					<div class="sd-table__question-wrapper">
 						<div class="sd-checkbox sd-checkbox--allowhover sd-item sd-item--allowhover sd-selectbase__item sd-selectbase__item--inline" role="presentation">
 							<label class="sd-selectbase__label">
diff --git a/tests/markup/snapshots/matrixdynamic-totals.snap.html b/tests/markup/snapshots/matrixdynamic-totals.snap.html
index 93047070c5..031e41c957 100644
--- a/tests/markup/snapshots/matrixdynamic-totals.snap.html
+++ b/tests/markup/snapshots/matrixdynamic-totals.snap.html
@@ -1,143 +1,143 @@
-<div>
-	<div>
-		<table class="sv_q_matrix_dynamic">
-			<thead>
-				<tr>
-					<th class="sv_matrix_cell_header sv_matrix_cell--dropdown">
-						<span class="sv-string-viewer sv-string-viewer--multiline">Column 1</span>
-					</th>
-					<td class="sv_matrix_cell_header sv_matrix_cell--action">
-					</td>
-				</tr>
-			</thead>
-			<tbody>
-				<tr class="sv_matrix_row" data-sv-drop-target-matrix-row="testid0row1">
-					<td class="sv_matrix_cell" colspan="1" data-responsive-title="Column 1" title="Column 1">
-						<div>
-							<div>
-								<div class="sv_select_wrapper">
-									<div aria-controls="testid0row1cell0i_list" aria-expanded="false" aria-invalid="false" aria-label="row 1, column Column 1" aria-required="false" class="sv_q_dropdown_control" role="combobox">
-										<div class="sv_q_dropdown__value">
-											<input aria-controls="testid0row1cell0i_list" aria-expanded="false" aria-label="row 1, column Column 1" autocomplete="off" class="sv_q_dropdown__filter-string-input" inputmode="text" placeholder="Select..." readonly="" role="combobox" type="text">
-										</div>
-										<div aria-hidden="true" class="sv_q_dropdown_clean-button" style="display:none;">
-											<svg class="sv_q_dropdown_clean-button-svg sv-svg-icon" role="img">
-												<use xlink:href="#icon-clear_16x16" class="">
-												</use>
-												<title class="">Clear</title>
-											</svg>
-										</div>
-									</div>
-									<div>
-										<div class="sv-dropdown-popup sv-popup sv-popup--dropdown sv-single-select-list" style="display:none;" tabindex="-1">
-											<div class="sv-popup__container">
-												<div class="sv-popup__shadow">
-													<div class="sv-popup__body-content">
-														<div class="sv-popup__scrolling-content">
-															<div class="sv-popup__content">
-																<div class="sv-list__container">
-																	<div class="sv-list__empty-container">
-																		<div aria-label="No data to display" class="sv-list__empty-text">No data to display</div>
-																	</div>
-																</div>
-															</div>
-														</div>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-					</td>
-					<td class="sv_matrix_cell sv_matrix_cell_actions" colspan="1" data-responsive-title="" title="">
-						<div class="sv-action-bar sv-action-bar--default-size-mode">
-							<div class="sv-action">
-								<div class="sv-action__content">
-									<button class="sv_matrix_dynamic_button" type="button">
-										<span class="sv-string-viewer">Remove</span>
-										<span>
-										</span>
-									</button>
-								</div>
-							</div>
-						</div>
-					</td>
-				</tr>
-				<tr class="sv_matrix_row" data-sv-drop-target-matrix-row="testid0row3">
-					<td class="sv_matrix_cell" colspan="1" data-responsive-title="Column 1" title="Column 1">
-						<div>
-							<div>
-								<div class="sv_select_wrapper">
-									<div aria-controls="testid0row3cell0i_list" aria-expanded="false" aria-invalid="false" aria-label="row 2, column Column 1" aria-required="false" class="sv_q_dropdown_control" role="combobox">
-										<div class="sv_q_dropdown__value">
-											<input aria-controls="testid0row3cell0i_list" aria-expanded="false" aria-label="row 2, column Column 1" autocomplete="off" class="sv_q_dropdown__filter-string-input" inputmode="text" placeholder="Select..." readonly="" role="combobox" type="text">
-										</div>
-										<div aria-hidden="true" class="sv_q_dropdown_clean-button" style="display:none;">
-											<svg class="sv_q_dropdown_clean-button-svg sv-svg-icon" role="img">
-												<use xlink:href="#icon-clear_16x16" class="">
-												</use>
-												<title class="">Clear</title>
-											</svg>
-										</div>
-									</div>
-									<div>
-										<div class="sv-dropdown-popup sv-popup sv-popup--dropdown sv-single-select-list" style="display:none;" tabindex="-1">
-											<div class="sv-popup__container">
-												<div class="sv-popup__shadow">
-													<div class="sv-popup__body-content">
-														<div class="sv-popup__scrolling-content">
-															<div class="sv-popup__content">
-																<div class="sv-list__container">
-																	<div class="sv-list__empty-container">
-																		<div aria-label="No data to display" class="sv-list__empty-text">No data to display</div>
-																	</div>
-																</div>
-															</div>
-														</div>
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-					</td>
-					<td class="sv_matrix_cell sv_matrix_cell_actions" colspan="1" data-responsive-title="" title="">
-						<div class="sv-action-bar sv-action-bar--default-size-mode">
-							<div class="sv-action">
-								<div class="sv-action__content">
-									<button class="sv_matrix_dynamic_button" type="button">
-										<span class="sv-string-viewer">Remove</span>
-										<span>
-										</span>
-									</button>
-								</div>
-							</div>
-						</div>
-					</td>
-				</tr>
-			</tbody>
-			<tfoot>
-				<tr>
-					<td class="sv_matrix_cell" colspan="1" data-responsive-title="Column 1" title="Column 1">
-						<div>
-							<div>Count: 0</div>
-						</div>
-					</td>
-					<td class="sv_matrix_cell_header sv_matrix_cell--action" colspan="1" data-responsive-title="" title="">
-					</td>
-				</tr>
-			</tfoot>
-		</table>
-	</div>
-	<div class="sv_q_footer">
-		<button class="sv_matrix_dynamic_button" type="button">
-			<span class="sv-string-viewer">Add Row</span>
-			<span>
-			</span>
-		</button>
-	</div>
+<div>
+	<div>
+		<table class="sv_q_matrix_dynamic">
+			<thead>
+				<tr>
+					<th class="sv_matrix_cell_header sv_matrix_cell--dropdown">
+						<span class="sv-string-viewer sv-string-viewer--multiline">Column 1</span>
+					</th>
+					<td class="sv_matrix_cell_header sv_matrix_cell--action">
+					</td>
+				</tr>
+			</thead>
+			<tbody>
+				<tr class="sv_matrix_row" data-sv-drop-target-matrix-row="testid0row1">
+					<td class="sv_matrix_cell" colspan="1" title="Column 1">
+						<div>
+							<div>
+								<div class="sv_select_wrapper">
+									<div aria-controls="testid0row1cell0i_list" aria-expanded="false" aria-invalid="false" aria-label="row 1, column Column 1" aria-required="false" class="sv_q_dropdown_control" role="combobox">
+										<div class="sv_q_dropdown__value">
+											<input aria-controls="testid0row1cell0i_list" aria-expanded="false" aria-label="row 1, column Column 1" autocomplete="off" class="sv_q_dropdown__filter-string-input" inputmode="text" placeholder="Select..." readonly="" role="combobox" type="text">
+										</div>
+										<div aria-hidden="true" class="sv_q_dropdown_clean-button" style="display:none;">
+											<svg class="sv_q_dropdown_clean-button-svg sv-svg-icon" role="img">
+												<use xlink:href="#icon-clear_16x16" class="">
+												</use>
+												<title class="">Clear</title>
+											</svg>
+										</div>
+									</div>
+									<div>
+										<div class="sv-dropdown-popup sv-popup sv-popup--dropdown sv-single-select-list" style="display:none;" tabindex="-1">
+											<div class="sv-popup__container">
+												<div class="sv-popup__shadow">
+													<div class="sv-popup__body-content">
+														<div class="sv-popup__scrolling-content">
+															<div class="sv-popup__content">
+																<div class="sv-list__container">
+																	<div class="sv-list__empty-container">
+																		<div aria-label="No data to display" class="sv-list__empty-text">No data to display</div>
+																	</div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</td>
+					<td class="sv_matrix_cell sv_matrix_cell_actions" colspan="1" title="">
+						<div class="sv-action-bar sv-action-bar--default-size-mode">
+							<div class="sv-action">
+								<div class="sv-action__content">
+									<button class="sv_matrix_dynamic_button" type="button">
+										<span class="sv-string-viewer">Remove</span>
+										<span>
+										</span>
+									</button>
+								</div>
+							</div>
+						</div>
+					</td>
+				</tr>
+				<tr class="sv_matrix_row" data-sv-drop-target-matrix-row="testid0row3">
+					<td class="sv_matrix_cell" colspan="1" title="Column 1">
+						<div>
+							<div>
+								<div class="sv_select_wrapper">
+									<div aria-controls="testid0row3cell0i_list" aria-expanded="false" aria-invalid="false" aria-label="row 2, column Column 1" aria-required="false" class="sv_q_dropdown_control" role="combobox">
+										<div class="sv_q_dropdown__value">
+											<input aria-controls="testid0row3cell0i_list" aria-expanded="false" aria-label="row 2, column Column 1" autocomplete="off" class="sv_q_dropdown__filter-string-input" inputmode="text" placeholder="Select..." readonly="" role="combobox" type="text">
+										</div>
+										<div aria-hidden="true" class="sv_q_dropdown_clean-button" style="display:none;">
+											<svg class="sv_q_dropdown_clean-button-svg sv-svg-icon" role="img">
+												<use xlink:href="#icon-clear_16x16" class="">
+												</use>
+												<title class="">Clear</title>
+											</svg>
+										</div>
+									</div>
+									<div>
+										<div class="sv-dropdown-popup sv-popup sv-popup--dropdown sv-single-select-list" style="display:none;" tabindex="-1">
+											<div class="sv-popup__container">
+												<div class="sv-popup__shadow">
+													<div class="sv-popup__body-content">
+														<div class="sv-popup__scrolling-content">
+															<div class="sv-popup__content">
+																<div class="sv-list__container">
+																	<div class="sv-list__empty-container">
+																		<div aria-label="No data to display" class="sv-list__empty-text">No data to display</div>
+																	</div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</td>
+					<td class="sv_matrix_cell sv_matrix_cell_actions" colspan="1" title="">
+						<div class="sv-action-bar sv-action-bar--default-size-mode">
+							<div class="sv-action">
+								<div class="sv-action__content">
+									<button class="sv_matrix_dynamic_button" type="button">
+										<span class="sv-string-viewer">Remove</span>
+										<span>
+										</span>
+									</button>
+								</div>
+							</div>
+						</div>
+					</td>
+				</tr>
+			</tbody>
+			<tfoot>
+				<tr>
+					<td class="sv_matrix_cell" colspan="1" title="Column 1">
+						<div>
+							<div>Count: 0</div>
+						</div>
+					</td>
+					<td class="sv_matrix_cell_header sv_matrix_cell--action" colspan="1" title="">
+					</td>
+				</tr>
+			</tfoot>
+		</table>
+	</div>
+	<div class="sv_q_footer">
+		<button class="sv_matrix_dynamic_button" type="button">
+			<span class="sv-string-viewer">Add Row</span>
+			<span>
+			</span>
+		</button>
+	</div>
 </div>
\ No newline at end of file

From 69728e7f508741394a184f6819a73af68f62329f Mon Sep 17 00:00:00 2001
From: Dmitry Kuzin <dk981234@gmail.com>
Date: Tue, 11 Jun 2024 17:46:32 +0400
Subject: [PATCH 2/3] Fix vr test

---
 src/defaultV2-theme/blocks/sd-table.scss      |   4 +++-
 .../responsiveness-matrixdynamic-totals.png   | Bin 25656 -> 25623 bytes
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/defaultV2-theme/blocks/sd-table.scss b/src/defaultV2-theme/blocks/sd-table.scss
index a56b154198..5ccafa09b5 100644
--- a/src/defaultV2-theme/blocks/sd-table.scss
+++ b/src/defaultV2-theme/blocks/sd-table.scss
@@ -663,10 +663,12 @@
 
   .sd-table__responsive-title {
     padding-bottom: calcSize(1);
-    content: attr(data-responsive-title);
     font-weight: 600;
     display: block;
     text-align: left;
+    .sv-string-viewer {
+      white-space: normal;
+    }
   }
 
   .sd-table--no-header {
diff --git a/visualRegressionTests/tests/defaultV2/etalons/responsiveness-matrixdynamic-totals.png b/visualRegressionTests/tests/defaultV2/etalons/responsiveness-matrixdynamic-totals.png
index 300c17b956f5990e4e956c662d2382f13fde2029..7da19437060536c1c419acb882ec398247d40e05 100644
GIT binary patch
delta 11880
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
Mq?KM5OB#OqUmXd7H2?qr

delta 11881
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


From bf2daac67f575b209df658d0893a38866a5f3cac Mon Sep 17 00:00:00 2001
From: Dmitry Kuzin <dk981234@gmail.com>
Date: Tue, 11 Jun 2024 21:18:32 +0400
Subject: [PATCH 3/3] Fix vue f tests

---
 src/vue/matrixdropdowncell.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/vue/matrixdropdowncell.vue b/src/vue/matrixdropdowncell.vue
index acf6a36e1f..b2b73d6cc8 100644
--- a/src/vue/matrixdropdowncell.vue
+++ b/src/vue/matrixdropdowncell.vue
@@ -57,13 +57,14 @@
       />
     </div>
     <survey-string v-if="cell.hasTitle" :locString="cell.locTitle" />
-    <span v-if="!!cell.requiredText" :class="question.cssClasses.cellRequiredText">{{ cell.requiredText }}</span>
+    <span v-if="!!getRequiredText()" :class="question.cssClasses.cellRequiredText">{{ getRequiredText() }}</span>
   </td>
 </template>
 
 <script lang="ts">
 import Vue from "vue";
 import { Component, Prop } from "vue-property-decorator";
+import BaseVue from "./base";
 import {
   Question,
   QuestionMatrixDropdownRenderedCell,
@@ -72,7 +73,7 @@ import {
 import { getComponentName } from "./question";
 
 @Component
-export class MatrixDropdownCellComp extends Vue {
+export class MatrixDropdownCellComp extends BaseVue {
   @Prop() question: Question;
   @Prop() cell: QuestionMatrixDropdownRenderedCell;
 
@@ -80,8 +81,17 @@ export class MatrixDropdownCellComp extends Vue {
   getComponentName(element: Question | any) {
     return getComponentName(element);
   }
-  getHeaders(): string {
-    return this.cell.headers;
+  getModel() {
+    if(this.cell.hasQuestion) {
+      return this.cell.question;
+    }
+    if(!!this.cell.column) {
+      return this.cell.column;
+    }
+    return null as any;
+  }
+  getRequiredText(): string {
+    return this.cell.requiredText;
   }
   getCellStyle() {
     if (!!this.cell.width || !!this.cell.minWidth)