Is is possible to hide the one column in the input table?

  • linagarzon5017
    Asked on June 18, 2024 at 12:04 PM

    I have this input table widget on a form and I would like to have the functionality but hide the Price column so when the form is filled out the price is not shown but it is shown in the pdf invoice.

    I have the price filled out as a conditions-Calculate Field. It works great but I would love to hide this in the form.


    Thank you!

  • linagarzon5017
    Replied on June 18, 2024 at 12:06 PM

    Is is possible to hide the one column in the input table? Image 1 Screenshot 20

    I don't know if the image uploaded so just incase here is the screenshot

  • Gaud JotForm Support
    Replied on June 18, 2024 at 12:33 PM

    Hi Linagarzone5017,

    Thanks for reaching out to Jotform Support. I've checked out the screenshot you shared with us. Unfortunately, it is not possible to hide the columns in the input table. It is because the input table is considered as a whole field so, part of the columns won't't be hidden. Let me check and see if I can raise a feature request on this.

    Thanks for your patience and understanding, we appreciate it.

  • Gaud JotForm Support
    Replied on June 19, 2024 at 3:12 PM

    Hi Linagarzone5017,

    I've got an update on your request, Since the feature you are looking for isn't available, but there is a workaround you can try for the first table. This will hide the last column. Here is a guide on how to inject the CSS code into a form.

    1. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
    2. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.
     th.form-matrix-headers.form-matrix-column-headers.form-matrix-column_2, #cid_25 > table > tbody > tr:nth-child(2) > td:nth-child(4), #cid_25 > table > tbody > tr:nth-child(3) > td:nth-child(4), #cid_25 > table > tbody > tr:nth-child(4) > td:nth-child(4), #cid_25 > table > tbody > tr:nth-child(5) > td:nth-child(4), #cid_25 > table > tbody > tr:nth-child(6) > td:nth-child(4){     display: none; }

    Is is possible to hide the one column in the input table? Image 1 Screenshot 20

    While the feature you’re looking for isn’t currently available, rest assured we’re always working to add new services and features to Jotform. I've gone ahead and escalated your request to our Developers. When or if it's implemented depends on their workload, how viable it is, and how many other users request it. If there are any updates, we’ll circle back to this thread and let you know.

    Thanks for your patience and understanding, we appreciate it.

 
Your Answer