How can I change the individual column width?

  • Profile Image
    Liz_Muldoon
    Asked on February 12, 2021 at 04:26 AM

    I'm struggling to work out how to change the column width for each column in my matrix table. Please advise.

    https://form.jotform.com/210392439044048

  • Profile Image
    Vanessa_T
    Answered on February 12, 2021 at 05:10 AM

    Kindly add the CSS below to your form:

    .form-matrix-header-tr th:nth-child(1) { width: 10%; }
    .form-matrix-header-tr th:nth-child(2) { width: 20%; }
    .form-matrix-header-tr th:nth-child(3) { width: 10%; }
    .form-matrix-header-tr th:nth-child(4) { width: 10%; }
    .form-matrix-header-tr th:nth-child(5) { width: 30%; }
    .form-matrix-header-tr th:nth-child(6) { width: 20%; }

    nth-child(#) refers to their column order

    Guide: How-to-Inject-Custom-CSS-Codes

    You may change the percentage depending on the width you want on that specific column. Just make sure that the total will not exceed 100%.