How to make the cells the same width

  • JanieFisher
    Asked on November 2, 2021 at 3:11 PM

    Would you help me figure out how to make the entry cells the same width?


    Jotform Thread 3477267 Screenshot
  • Elton Support Team Lead
    Replied on November 2, 2021 at 7:05 PM

    Hi,

    There are 2 ways to adjust the table width and its column.

    Method 1: You can adjust it within its properties. Just open its properties, go to Options tab then increase the Table Width to 600 and adjust the Column Width to your preference. Example:

    20211103070137SJ Screenshot 10

    Method 2: You can inject custom CSS codes into your form. You can use the following CSS.

    .form-matrix-tr >th.form-matrix-th:first-child {
        width: 300px;
    }
    table.form-matrix-table {
        width: 100% !important;
    }
    th.form-matrix-headers {
        width: 180px!important;
    }

    Guide: How to Inject Custom CSS Codes

    Result:

    202111030704114G Screenshot 21

    Hope this helps!