Accessibility Compliance
SurveyJS libraries meet a variety of WCAG and Section 508 standards. Run AXE® Validation to assess this demo’s accessibility level.

Change Row and Column Visibility in a Multi-Select Matrix

Edit in →
Survey Creator

Matrix questions allow you to dynamically manage the visibility of matrix rows and columns. In this demo, matrix rows list car brands, and matrix columns display different qualities that you can rate. Use the checkboxes below to select the car brands and qualities that should appear in the matrix.

To implement conditional visibility for matrix rows or columns, follow these steps:

  1. Prepopulate the matrix's columns and rows arrays with choice options from the main questions.
    In this demo, the rows array contains a copy of choice options from the cars question, while the columns array is populated with all choice options from the qualities question.

  2. Specify the columnsVisibleIf and rowsVisibleIf expressions.
    These expressions are used as a filter for columns and rows. Use the {item} placeholder to reference a row or column being evaluated within the expression. As an alternative, you can specify a visibleIf expression for individual columns or rows.

Refer to the survey JSON schema for a code example.

Your cookie settings

We use cookies to make your browsing experience more convenient and personal. Some cookies are essential, while others help us analyse traffic. Your personal data and cookies may be used for ad personalization. By clicking “Accept All”, you consent to the use of all cookies as described in our Terms of Use and Privacy Statement. You can manage your preferences in “Cookie settings.”

Your renewal subscription expires soon.

Since the license is perpetual, you will still have permanent access to the product versions released within the first 12 month of the original purchase date.

If you wish to continue receiving technical support from our Help Desk specialists and maintain access to the latest product updates, make sure to renew your subscription by clicking the "Renew" button below.

Your renewal subscription has expired.

Since the license is perpetual, you will still have permanent access to the product versions released within the first 12 month of the original purchase date.

If you wish to continue receiving technical support from our Help Desk specialists and maintain access to the latest product updates, make sure to renew your subscription by clicking the "Renew" button below.