#7890 Multi-Select Matrix: alternateRows applies incorrectly to a c…

…olumn with `showInMultipleColumns: true` Fixes #7890
surveyjs · Feb 22, 2024 · 9eb82e9 · 9eb82e9
1 parent b8569f8
commit 9eb82e9
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/question_matrixdropdownrendered.ts b/src/question_matrixdropdownrendered.ts
@@ -931,6 +931,7 @@ export class QuestionMatrixDropdownRenderedTable extends Base {
   }
   private setItemCellCssClasses(cell: QuestionMatrixDropdownRenderedCell) {
     cell.className = new CssClassBuilder()
+      .append(this.cssClasses.cell)
       .append(this.cssClasses.itemCell)
       .append(this.cssClasses.radioCell, cell.isRadio)
       .append(this.cssClasses.checkboxCell, cell.isCheckbox)

diff --git a/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns.snap.html b/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns.snap.html
@@ -20,7 +20,7 @@
 				<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--item" colspan="1" data-responsive-title="Item 1" title="Item 1">
+				<td class="sd-table__cell sd-table__cell--item" colspan="1" data-responsive-title="Item 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--item" colspan="1" data-responsive-title="Item 1" title="Item 1">
+				<td class="sd-table__cell sd-table__cell--item" colspan="1" data-responsive-title="Item 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--item" colspan="1" data-responsive-title="Item 2" title="Item 2">
+				<td class="sd-table__cell sd-table__cell--item" colspan="1" data-responsive-title="Item 2" 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/question_matrixdropdownbasetests.ts b/tests/question_matrixdropdownbasetests.ts
@@ -419,8 +419,8 @@ QUnit.test("Check matrixdropdown cells cssClasses with showInMultipleColumns", f
   const matrix = <QuestionMatrixDropdownModelBase>survey.getQuestionByName("matrix");
   const renderedTable = matrix.renderedTable;
   assert.equal(renderedTable.headerRow.cells[1].className, "custom-header-cell");
-  assert.equal(renderedTable.rows[1].cells[1].className, "custom-item-cell custom-radio-item-cell");
-  assert.equal(renderedTable.rows[1].cells[3].className, "custom-item-cell custom-checkbox-item-cell");
+  assert.equal(renderedTable.rows[1].cells[1].className, "sv_matrix_cell custom-item-cell custom-radio-item-cell");
+  assert.equal(renderedTable.rows[1].cells[3].className, "sv_matrix_cell custom-item-cell custom-checkbox-item-cell");
 });
 QUnit.test("Check matrixdropdown cells cssClasses with showInMultipleColumns", function (assert) {
   const survey = new SurveyModel({