Using widget: Configure ListIs there a way to place an automatic counte

Using widget: Configure List

Is there a way to place an automatic counter in one of the columns? (ie. 1st column would have 1, 2nd column would have 2 and so on everytime you add one.

Inject this CSS code into your config list widget under its settings then Custom CSS tab. Guide: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

This should automatically add a number counter before the column labels.

tbody {

    counter-reset: section;

}

th:before {

    counter-increment: section;

    content: counter(section) ". ";

}

Result:

If you want it to be on a row, use this CSS.

tbody {

    counter-reset: section;

}

tbody > tr + tr:before {

    counter-increment: section;

    content: counter(section) ". ";

    display: inline-block;

    padding-top: 10px;

}

Result:

Elton, 

The second image is what I need. I first duplicated the widget to not delete what I originally had. When I add the code it moves the text area/buttons/dropdown/etc. areas over one spot to the right. The verbiage does not align. Please see attached image. 

The following code should work for your form:

tbody {

    counter-reset: section;

}

tbody > tr:nth-child(n+2):before {

    counter-increment: section;

    content: counter(section) ". ";

    display: block;

    padding-top: 2em;

}

#list tbody:first-child > tr:first-child {display: none;} 

.mobileColumnName { display: block; font-weight: bold; padding-bottom: 0.5em;}

tr:nth-child(n+3) > td > .mobileColumnName { visibility: hidden;}

.buttonsColumn {position: relative; top: 1.3em;}

Please let us know if you need more help on this.

I wasn't being very clear on what I needed. I need it to say:

Header:       Sensor #          Initial Reading         Calibrated Reading         Calibration

Box:            Counter                 Text                              Text                   Dropdown

The box in "red" is very close. except for indent for Calibrated Reading and adding Sensor # above the counter.

Thank you for ALL your help.  

If I understood your requirement correctly, are you looking for something like this?

If yes, please add the CSS code below:

tbody::before{

    content: 'sensor #';

    position: relative;

    top: 20px;

    font-weight: bold;

}

@Doguk:

I have moved your question to a new thread so that we can address it separately. You will be answered in the following thread: https://www.jotform.com/answers/1841204