JSFiddle - React, Tailwind, and code Playground

HTML

<table class="eventList">
<tr>
    <td class="counter"><span></span></td>
    <td>First</td>
</tr>
<tr>
    <td class="counter"><span></span></td>
    <td>Second</td>
</tr>
<tr>
    <td class="counter"><span></span></td>
    <td>Third</td>
</tr>
</table>

CSS

table.eventList
{
	counter-reset: day-item;
}
table.eventList tbody td.counter span:before
{
	content: counter(day-item, lower-roman);
	counter-increment: day-item;
}
table.eventList td
{
    padding: 5px;
}
}