Dynamic Table
  • 30 Dec 2022
  • 2 Minutes to read
  • PDF

Dynamic Table

  • PDF

Article Summary

Dynamic Table

Description:
Dynamic table will allow showing table rows based on the selection of the multi select dropdown.

Dynamic table with one dropdown

Template setup for one dropdown

image.png

Description for above screenshot:

  1. Select Dynamic table question type.
  2. Add variable for rows which will be added to the dropdown eg R1, R2, C1, C2.
  3. Text which will be displayed in the multi select dropdown eg Row 1, Row 2, Col 1, Col 2.

Dynamic Table view with one dropdown

image.png

image.png

Description for above screenshot:

  1. Allows to search.
  2. Allows selecting all visible options.
  3. Allows de-selecting all visible options.
  4. Allows selecting individual option.

image.png

Description for above screenshot:

  1. Individual options selected.
  2. Selected option visible at top of the dropdown.

image.png

Description for above screenshot:

  1. Selected option visible at top of the dropdown.
  2. Selected options related rows are visible from the table.

Dynamic table with two dropdown

Template setup for two dropdown

image.png

Description for above screenshot:

  1. Select Dynamic table question type.
  2. Add variable for rows which will be added to the dropdown eg R1, R2, C1, C2.
  3. Text which will be displayed in the drop down eg Row 1, Row 2, Col 1, Col 2.
  4. Comma (,) separated value will displayed in two dropdowns. Left hand side value in the first dropdown as filter which is single select dropdown and right hand side value in the multi select drop down.

Dynamic Table view with two dropdown

image.png

Description for above screenshot:

  1. Dropdown to filter category with comma (,) separated values as show in the template setup for two dropdown.
  2. Dropdown category with comma (,) separated values as show in the template setup for two dropdown.

image.png

Description for above screenshot:

  1. Dropdown to filter category with comma (,)
  2. Left hand side value from with comma (,) separated values as show in the template setup for two dropdown.

image.png

Description for above screenshot:

  1. All options selection in filter dropdown.
  2. All categories visible in category dropdown.
  3. Allows searching visible category.
  4. Allows selecting all visible categories.
  5. Allows deselecting all visible categories.

image.png

Description for above screenshot:

  1. Specific option selected in filter dropdown.
  2. Based on the first dropdown selected value, second dropdown categories are visible.

image.png

Description for above screenshot:

  1. All options are selected in filter dropdown.
  2. Select options in category dropdown.
  3. Selected category is visible at top.

image.png

Description for above screenshot:

  1. All options are selected in filter dropdown.
  2. Selected category is visible at top.
  3. Selected category rows are visible in the table.

image.png

Description for above screenshot:

  1. Specific option is selected in filter dropdown.
  2. Visible category selected from second dropdown.
  3. All selected categories are visible at top.
  4. All selected category rows are visible in the table.

Was this article helpful?