How to change table and column width of the Input Table?

  • JanaJot
    Asked on April 15, 2018 at 5:36 PM

    I'm trying to change the size of the row and column on it, how do you to that?

    Jotform Thread 1445327 Screenshot
  • jonathan
    Replied on April 15, 2018 at 7:23 PM

    You can set the table width and column width of the Input Table field in the field's properties options.

    Example:

    1523834576zzz 2018 04 16 07 Screenshot 10


  • JanaJot
    Replied on April 15, 2018 at 7:53 PM

    Hi,

    I did that and it didn't change.


    Thank you,

    Sharifah

  • amy
    Replied on April 16, 2018 at 3:54 AM

    Would you please inject this custom CSS to your form? 

    .form-matrix-table {

      max-width: initial;

    }

    How to Inject Custom CSS Codes

    After injecting this custom CSS code to your form then please try changing the table width and column width by following the way which my colleague Jonathan mentioned.

    Here is my result:

    1523865282Screen Shot 2018 04 16 at 10 Screenshot 10

  • JanaJot
    Replied on April 16, 2018 at 3:22 PM

    Hi, 

    It looks like what you have above when i'm building it however when I publish it, it's small again. I even put the table width at 1000 to see if it would change but it didn't

    1523906488view when filling it out Screenshot 10

    Thank you,

    Sharifah

  • Kevin Support Team Lead
    Replied on April 16, 2018 at 5:05 PM

    Please kindly try injecting this code to the form:

    .form-matrix-table {

        width: 100% !important;

    Result: 

    1523912711screenshot 01 Screenshot 10

    I hope this helps.