How to label the column of a SpreadSheet widget.

  • Profile Image
    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)?
  • Profile Image
    Answered 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: 

    May you be referring to something else? Please share a screenshot to illustrate what you mean: 

  • Profile Image
    Answered 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
    Answered 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.