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

  • Profile Image
    lindsayjayecox
    Asked on October 30, 2017 at 03: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?

  • Profile Image
    Mike_G
    Answered on October 30, 2017 at 04: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.png

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

    1509395433t16_28_36.png

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

  • Profile Image
    lindsayjayecox
    Answered on October 30, 2017 at 04: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
    ...
  • Profile Image
    BDAVID
    Answered on October 30, 2017 at 07: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;

    }