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

  • Profile Image
    JanaJot
    Asked on April 15, 2018 at 05:36 PM

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

  • Profile Image
    jonathan
    Answered on April 15, 2018 at 07: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.21.24.png


  • Profile Image
    JanaJot
    Answered on April 15, 2018 at 07:53 PM

    Hi,

    I did that and it didn't change.


    Thank you,

    Sharifah

  • Profile Image
    amy
    Answered on April 16, 2018 at 03: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.5

  • Profile Image
    JanaJot
    Answered on April 16, 2018 at 03: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.png

    Thank you,

    Sharifah

  • Profile Image
    Kevin_G
    Answered on April 16, 2018 at 05:05 PM

    Please kindly try injecting this code to the form:

    .form-matrix-table {

        width: 100% !important;

    Result: 

    1523912711screenshot_01.png

    I hope this helps.