Input Table: Can I set the width of each column?

  • Profile Image
    regisrhonda
    Asked on June 01, 2021 at 04:58 PM

    Can I set the width of each column?

    Can I leave a blank row which merge the cells straight across in between the rows, that is not divided with the number of columns in the table?

  • Profile Image
    EltonCris
    Answered on June 01, 2021 at 05:15 PM

    The column width is automatic so there's no option to adjust its width in the input table field properties but you can set fixed width in each column through CSS by injecting it into your form. Guide: How to Inject Custom CSS Codes

    Example; You can inject these CSS codes into your form to perfectly fit the products table on your form and change the width on each of the columns. You can adjust the width in the CSS code below. The first width in the code (column_0) is for the first column on the product table. This CSS targets the product table only.

    #id_48 .form-matrix-column_0 {

      width: 50px !important;

    }

    #id_48 .form-matrix-column_1 {

      width: 180px !important;

    }

    #id_48 .form-matrix-column_2 {

      width: 300px !important;

    }

    #id_48 .form-matrix-column_3 {

      width: 80px !important;

    }

    #id_48 .form-matrix-column_4 {

      width: 80px !important;

    }

    #id_48 .form-matrix-column_5 {

      width: 80px !important;

    }

    #id_48 .form-matrix-table {

      width:100% !important;

    }

    Result:

    20210602051451lo.png

    It's not possible to merge fields on Input Table so it's not possible. It's only possible to alter their display on the form level only through CSS inject but not its data output.

  • Profile Image
    regisrhonda
    Answered on June 02, 2021 at 11:35 AM

    Thanks

    Also,

    I have products listed and prices listed in separate columns.

    How do I get 1 price for the product to show up in the prices column, when I choose a product in the products column?


  • Profile Image
    Anthony_Evans
    Answered on June 02, 2021 at 02:34 PM

    Hello,

    In order to keep our threads on topic, I have moved this question to a new thread. Please find my response here: https://www.jotform.com/answers/3136317.

    Thank you!