Formatting the space of the table in the paragraph field.

  • Monica_Diaz
    Asked on April 11, 2025 at 9:53 AM

    I have a table that I show on my form on page 9 or https://form.jotform.com/250945855746875 that form, I have a parragraph with a table showing their previous answers. It looks like the table below. I need it to be more readable, so would like the first column to be wider and the others a set size

    Formatting the space of the table in the paragraph field Screenshot 20

  • Kris Ann JotForm Support
    Replied on April 11, 2025 at 10:29 AM

    Hi Monica,

    Thanks for reaching out to Jotform Support. I'll need a bit of time to look into this. I’ll get back to you as soon as I can.

    Thanks for your patience, we appreciate it.

  • Kris Ann JotForm Support
    Replied on April 12, 2025 at 12:11 AM

    Hi Monica,

    To meet your requirements, you can update the Source code in the Paragraph field. Let me show you how:

    1. In Smart PDF Builder, go to page 9, then click on the Paragraph field, then click on the Pencil Icon.

    2. Click on the Source Icon and remove the existing code and paste the code I will provide below, once done, click on the Ok button.

    <p>&nbsp;</p>
    <table style="height: 129px; width: 611px; border-color: #5e1224; margin-left: auto; margin-right: auto;" border="3" cellpadding="2">
    <tbody>
    <tr>
    <td style="width: 25%;">&nbsp;</td>
    <td style="width: 15%;">{teamMember}</td>
    <td style="width: 15%;">{teamMember10}</td>
    <td style="width: 15%;">{teamMember11}</td>
    <td style="width: 15%;">{teamMember12}</td>
    <td style="width: 15%;">{teamMember329}</td>
    </tr>
    <tr>
    <td style="width: 25%;">
    <p>Includes</p>
    <p>people</p>
    </td>
    <td style="width: 15%; text-align: center;">{includesPeople}&nbsp;</td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{includesPeople50}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{includesPeople67}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{includesPeople85}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{teammember12Includes347}</span></td>
    </tr>
    <tr>
    <td style="width: 25%;">
    <p>Wants to&nbsp;include people</p>
    </td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{wantsTo}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{wantsTo51}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{wantsTo68}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{wantsTo86}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{teammember12Wants348}</span></td>
    </tr>
    <tr>
    <td style="width: 25%;">People include them.</td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{peopleInclude16}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{peopleInclude52}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{peopleInclude69}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{peopleInclude87}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{peopleInclude349}</span></td>
    </tr>
    <tr>
    <td style="width: 25%;">They want to be included.</td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{thisPerson}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{hesheWants53}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{wantsPeople70}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{wantsPeople88}</span></td>
    <td style="width: 15%; text-align: center;"><span style="font-size: 14pt;">{teammember12Wants350}</span></td>
    </tr>
    <tr>
    <td style="width: 25%;">
    <p>&nbsp;</p>
    Controls people.&nbsp;</td>
    <td style="width: 15%; text-align: center;">{controlsPeople}&nbsp;</td>
    <td style="width: 15%; text-align: center;">{controlsPeople54}&nbsp;</td>
    <td style="width: 15%; text-align: center;">{teammember12Controls351}&nbsp;</td>
    <td style="width: 15%; text-align: center;">{controlsPeople89}&nbsp;</td>
    <td style="width: 15%; text-align: center;">{controlsPeople}&nbsp;</td>
    </tr>
    <tr>
    <td style="width: 25%;">Wants to control people.&nbsp;</td>
    <td style="width: 15%; text-align: center;">{wantsTo19}&nbsp;</td>
    <td style="width: 15%; text-align: center;">{wantsTo55}&nbsp;</td>
    <td style="width: 15%; text-align: center;">{wantsTo72}&nbsp;</td>
    <td style="width: 15%; text-align: center;">{wantsTo90}&nbsp;</td>
    <td style="width: 15%; text-align: center;">{teammember12Wants354}&nbsp;</td>
    </tr>
    <tr>
    <td style="width: 25%;">People Control them.</td>
    <td style="width: 15%; text-align: center;">{peopleControl20}&nbsp;</td>
    <td style="width: 15%; text-align: center;">&nbsp;{peopleControl56}&nbsp;</td>
    <td style="width: 15%; text-align: center;">{peopleControl73} &nbsp;</td>
    <td style="width: 15%; text-align: center;">{peopleControl91} &nbsp;</td>
    <td style="width: 15%; text-align: center;">{peopleControl353} &nbsp;</td>
    </tr>
    <tr>
    <td style="width: 25%;">They want to be controlled.&nbsp;</td>
    <td style="width: 15%; text-align: center;">&nbsp;{hesheWants}&nbsp;</td>
    <td style="width: 15%; text-align: center;">&nbsp;{wantsPeople}&nbsp;</td>
    <td style="width: 15%; text-align: center;">&nbsp; {wantsPeople74}&nbsp;</td>
    <td style="width: 15%; text-align: center;">&nbsp; {wantsPeople92}&nbsp;</td>
    <td style="width: 15%; text-align: center;">&nbsp;{teammember12Wants354} &nbsp;</td>
    </tr>
    <tr>
    <td style="width: 25%;">They are open with people.</td>
    <td style="width: 15%; text-align: center;">{teammemberIs}</td>
    <td style="width: 15%; text-align: center;">{isOpen58}</td>
    <td style="width: 15%; text-align: center;">{isOpen75}</td>
    <td style="width: 15%; text-align: center;">{isOpen93}</td>
    <td style="width: 15%; text-align: center;">{teammember12Is355}</td>
    </tr>
    <tr>
    <td style="width: 25%;">They want to be open with people.&nbsp;</td>
    <td style="width: 15%; text-align: center;">{wantsTo23}</td>
    <td style="width: 15%; text-align: center;">{wantsTo59}</td>
    <td style="width: 15%; text-align: center;">{wantsTo76}</td>
    <td style="width: 15%; text-align: center;">{wantsTo94}</td>
    <td style="width: 15%; text-align: center;">{teammember12Wants356}</td>
    </tr>
    <tr>
    <td style="width: 25%;">People are open with them.&nbsp;</td>
    <td style="width: 15%; text-align: center;">{peopleAre24}</td>
    <td style="width: 15%; text-align: center;">{peopleAre60}</td>
    <td style="width: 15%; text-align: center;">{peopleAre77}</td>
    <td style="width: 15%; text-align: center;">{peopleAre95}</td>
    <td style="width: 15%; text-align: center;">{peopleAre357}</td>
    </tr>
    <tr>
    <td style="width: 25%;">They want people to be open.</td>
    <td style="width: 15%; text-align: center;">{hesheWants25}</td>
    <td style="width: 15%; text-align: center;">{wantsPeople61}</td>
    <td style="width: 15%; text-align: center;">{wantsPeople78}</td>
    <td style="width: 15%; text-align: center;">{wantsPeople96}</td>
    <td style="width: 15%; text-align: center;">{teammember12Wants358}</td>
    </tr>
    </tbody>
    </table>
    <p>&nbsp;</p>
    <p>&nbsp;</p>

    Formatting the space of the table in the paragraph field Screenshot 20

    If the space is still not good for you, you can adjust it by changing the % value.

    Give it a try and let us know if you need any other help.


  • Monica_Diaz
    Replied on April 13, 2025 at 7:47 PM

    Thanks so much. Will try that out


Your Answer