How can I number dynamic results?

The community member is using a collection to display a list in table form, and they want to number the list so that each record has a unique number (e.g., 1-10 for 10 results). They have tried adding a text area to the collection, but the number is the same for every item. The community members suggest a workaround of creating a collection with numbers 0-3 and using those as both the number and the keys to access the data. They also mention a demo project that demonstrates this approach. Another community member suggests using CSS counters as a better solution, and provides a tutorial link for that approach. The community member who posted the original question says they were able to use the first demo to number both the top 3 and a list of about 20 items.