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

    Spreadhseet widget: How to change column names?

    Asked by brettwatson on June 01, 2016 at 08:37 PM
    column names spreadsheet widget
  • Profile Image
    JotForm Support

    Answered by Kevin_G on June 01, 2016 at 10:52 PM

    I think this might help you, if I'm correct you're trying to set custom names to columns in the spreadsheet widget, if so, then this will help you. 

    First add this CSS code to the widget: 

    tr:nth-child(1) th {

        font-size: 0px;

    }

    That code will hide all the current names (A, B, C, D...) depending on the number of columns you have in your form. 

    This code will help you to set the custom name: 

    th.A:after {

        content: "Custom name A" ;

        font-size : 20px;

    }

    The only thing that will change in this code will be the used class (.A) for example, to change the name of column B you will use the class .B and the same with the other columns that you will have in your spreadsheet. 

    To add the code to your widget only click on the widget and click on the wizard icon: 

    Then click on the CSS tab and paste the code there: 

    Here is my sample form: https://form.jotform.com/61528191395966 

    Hope this helps.