How to label the column of a SpreadSheet widget.

  • ethiele
    Asked 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)?
  • David JotForm Support Manager
    Replied 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 

  • ethiele
    Replied on August 10, 2016 at 3: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.

    How to label the column of a SpreadSheet widget Screenshot 20

  • Welvin Support Team Lead
    Replied on August 10, 2016 at 5: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.