Make Table like this (example inside)

Get Help
1

Screen Shot 2020-06-11 at 2.26.21 PM

Hey guys, I love Gravity Forms, it’s been a blast to use especially with Elementor. I’m just kinda stuck on this, any guidance or help would be appreciated!

2

Hi Thomas. I put together a little demo. This could be a start for something for you. You can download the form here:

[SITE REMOVED]

Save that JSON file to your computer, then go to your website, and in the dashboard go to Forms > Import/Export > Import Forms and import this form from your computer.

Then test it out in the form preview. It will look something like this:

I added a little CSS to quickly alternate the background color of the rows. Here is that CSS:

body .gform_wrapper ul#gform_fields_624 li:nth-child(even) {
    background-color: #EAEAEA;
}
body .gform_wrapper ul#gform_fields_624 li:nth-child(odd) {
    background-color: #BABABA;
}

Change 624 to whatever form ID this form gets on your website.

The up/down arrows in the number fields are there if you are using HTML 5. If you don’t want those, you can disable HTML 5 output on the Forms > Settings page for your installation (this will affect all forms) or you can build a similar form using single line text fields.

Let me know if you have any questions about that.

2 Likes
3

Chris as always, you’re the best. I’ll try this now and report back how it goes!

4

Hopefully that’s a good start. Let me know what sort of limitations you run into. Thank you.