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 to label the column of a SpreadSheet widget.

    Asked by ethiele on August 10, 2016 at 12:25 PM
    I just used this code - worked great! Is there a way to label the column (e.g. Priority)?
  • Profile Image
    JotForm Support

    Answered by BDAVID on August 10, 2016 at 12:43 PM

    Are you trying to change the column names of the spreadsheet widget? I checked your form, but I do not see and spreadsheet widget added on it: http://www.jotform.us/form/62206934822152 

    May you be referring to something else? Please share a screenshot to illustrate what you mean: https://www.jotform.com/answers/414264-How-to-include-screenshot-image-in-the-support-forum 

  • Profile Image

    Answered by ethiele on August 10, 2016 at 03:49 PM

    I bugged by CSS developer husband at work - ha ha! Here's the code we inserted:

    #list tr:first-child:before {

    content: "Priority";

    padding-right: 20px;

    font-weight: bold;


    However, now the numbers on the left-most column (priority) do not increase with added rows.

  • Profile Image
    JotForm Support

    Answered by Welvin on August 10, 2016 at 05:04 PM

    You forgot to add the counter reset CSS. Add the following to the widget:

    table#list {

        counter-reset: section -1;


    -1 since you have the first child of TR set to the Priority text.