How to adjust the table width and column width of the Input Table field?

  • lindsayjayecox
    Asked on October 30, 2017 at 3:43 PM

    How do i make the table wider and the columns wider? I keep adjusting the width in the settings but its not doing anything?

  • Mike_G JotForm Support
    Replied on October 30, 2017 at 4:33 PM

    If I'm understanding your concern correctly, you are trying to adjust the width of the Input Tables and column width of it in the form you shared with us.

    If that is correct, may I suggest you add the following CSS codes below to your form following this guide — How-to-Inject-Custom-CSS-Codes


    .form-matrix-table {

        max-width: initial !important;

    }

    1509395515t16 31 06 Screenshot 10

    before adjusting the Table Width and Column Width properties under the OPTIONS tab of the Input Table Properties?

    1509395433t16 28 36 Screenshot 21

    I hope this helps. If you have other questions or concerns regarding this, please feel free to contact us again anytime.

  • lindsayjayecox
    Replied on October 30, 2017 at 4:43 PM
    Thank you! How can I change the font to match the rest of my form? And how do I change the font size in both the columns and rows??
    Lindsay
    lindsayjayephotography@gmail.com
    248.798.2565
    ...
  • David JotForm Support Manager
    Replied on October 30, 2017 at 7:20 PM

    Please inject the following CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .form-matrix-row-headers, .form-matrix-column-headers {

        font-size: 14px;

    }