What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I create a table in my form?

    Asked by viniciusfehlb on July 07, 2016 at 02:36 PM

    Like histoy and data of latest jobs, school history, etc..

    table create how
  • Profile Image
    JotForm Support

    Answered by Mike_G on July 07, 2016 at 04:04 PM

    To my understanding, you would like respondents of your form able to add their job and school history, is that correct?

    Base on your requirement, I suggest you check out our Configurable List widget that allows respondents to add more fields to the table if needed be.

    To know more about the widget, you can check out this guide: How-to-Set-Up-the-Configurable-List-Widget

    Please let us know if you have other questions or concerns. 

    Thank you.

  • Profile Image

    Answered by viniciusfehlb on July 08, 2016 at 11:38 AM

    Strange thing! I posted an answer yesterday but it does not appear here.

    This widget helped, but I still need to create other, like this one:

     

  • Profile Image
    JotForm Support

    Answered by Charlie on July 08, 2016 at 01:04 PM

    Could you please clarify what you would like to accomplish? Would you like to have a static table that has an existing data?

    Or you would like to have a fields that can be dynamically added? The Configurable List widget allows your users to add multiple items as rows. Here's a screencast on how it works:

     

    If you just want to display a data grid on a table, then you can use this widget: https://widgets.jotform.com/widget/data_grid. Or you can use our "Text" field, it allows you to create a static table on the form:

     

    I hope that gives you an idea on how to proceed. Let us know more about your requirements so that we can better assist you.

  • Profile Image

    Answered by viniciusfehlb on July 08, 2016 at 01:20 PM

    Ok sorry. Let me explain better. 

    Let's say I want a form inside my form. The table I sent you and image contains various field I need the person to fill. I could create text boxes with labels one under another, but it would get too big, since I will use 3 of this tables.

    So, what I want is a table, not with static text, but with blank fields to be filled. Each of these fields contains a label inside; or it could be a hint text, that indicates what info is required in that.

    Could I make me clear? ^^"

     

    thnx for attention.

  • Profile Image
    JotForm Support

    Answered by Charlie on July 08, 2016 at 02:18 PM

    You cannot create an exact appearance like you have shown in the image, because inputs will be on textboxes. Unless you are an advance CSS coder, then you can achieve that style. You can position the fields just like the one in your screenshot, here's a guide that might help you: https://www.jotform.com/help/328-How-to-position-fields-in-JotForm 

    Now after the form fields are positioned, you can restyle the elements to look like a table. Here's a sample form I made: https://form.jotform.com/61895508988983. You can clone that form to have a copy in your account. 

    Here's a screenshot on how it looks like:

     

    So basically, it indeed possible to redesign the form and the form fields to look like a table, but you need to be quite knowledgeable with CSS to do this. You can also use our Form Designer Tool, but the style options are quite limited though. Here are some CSS codes based from the JotForm form fields: https://www.jotform.com/help/75-Customize-Your-Form-Using-Custom-CSS-Codes 

    Here's a quick guide about CSS code in w3schools: http://www.w3schools.com/css/ 

     

    We can help you on styling your form but I strongly suggest hiring a web designer if you are not that familiar with CSS coding.

    I hope that helps.