Make Table like this (example inside)

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!

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


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.


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

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