Modify the size of a table?

  • Profile Image
    MVPT123
    Asked on November 17, 2020 at 08:02 PM

    Can you tell me how to modify the size of a table? It's too narrow!

    Screenshot
  • Profile Image
    zahrasamen
    Answered on November 17, 2020 at 09:44 PM

    Hi there,

    You can easily modify the size of the table from Properties.

    Follow the steps shown in the image below and adjust the width of the table according to your need.

    1605667359_5fb48a1f60283_1.PNG

    I hope this answers your question. Feel free to ask if you have any further questions.

    Have a good day.


  • Profile Image
    gerardw
    Answered on November 18, 2020 at 12:25 AM

    Thanks for the input @zahrasamen.

    Hello MVPT123,

    You can check out the suggestion provided by @zahrasamen.

    Else, you can add this CSS code into the form:

    .form-matrix-table {

    width: 100%!important;

    }

    .form-matrix-row-headers {

    width: 30px;

    }

    Here is how you can add this CSS code into the form: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Do check and let us know.

  • Profile Image
    MVPT123
    Answered on January 28, 2021 at 03:38 PM

    Hi,

    I'm unable to modify the size of this table. I would like to make the columns wider to the input is visible. Can you advise?

    see attached!


    Nancy 1611866231_60132077b5658_Screenshot 2021

  • Profile Image
    Lorenz_A
    Answered on January 28, 2021 at 08:28 PM

    Hi there,

    You may try the Custom CSS codes my colleague has provided. Kindly inject the codes into your form.

    .form-matrix-table {

    width: 100%!important;

    }

    .form-matrix-row-headers {

    width: 30px;

    }

    Here's a guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Thank you.

  • Profile Image
    MVPT123
    Answered on February 02, 2021 at 03:57 PM

    I don't think I have a way to inject Custom codes, see the screen shot. 1612299431_6019bca73fc2d_Screenshot 2021

  • Profile Image
    Lorenz_A
    Answered on February 02, 2021 at 07:14 PM

    Apologies,

    I did not notice that you were using the card layout from the image you provided. Correct, it is not possible to inject CSS codes into card forms and there's no other way in adjusting the table's width on that layout.

    Can you please confirm if you still want to adjust the table's width? since you are using a card form layout, the input table's width seems to fit perfectly in the form so I think there's no need of expanding its width.

    If you want to adjust the width, the only workaround I can think of is to switch your form to a classic layout, wherein you can use custom CSS codes.

    Guide: https://www.jotform.com/help/493-how-to-change-the-form-layout