How to add Serial No. to first column of specific Table only

[dennis123]

I have many tables on dashboard also I have fullCalender(fullCalender uses table on UI) on dashboard. All I need is to have serial number in first column of specific table only, it can be identified by either id or class,

<style>
table { counter-reset: Serial; }
table { border-collapse: separate; }
tr td:first-child:before { counter-increment: Serial; content: counter(Serial).; }
</style>
but it give serial numbers to all the table that exists on UI including fullCalender.

[arianagrand]

I accomplished it using below css code,

<style>
.serialTable { counter-reset: Serial; }
.serialTable { border-collapse: separate; }
.serialTable tr td:first-child:before { counter-increment: Serial; content: counter(Serial); }
</style>

[smmexpertss]

you can try this.
<style>
table { counter-reset: Serial; }
table { border-collapse: separate; }
tr td:first-child:before { counter-increment: Serial; content: counter(Serial).; }
</style>

[davidsmith21]

In we compelling reason with embed a table with one section and one hundred rows: Position your cursor the place you have any desire those table. Click those embed tab. Then, decide embed table from those table dropdown in the Tables assembly. In the coming about dialog, enter 1 in the number from claiming Columns field What's more 100 in the number of Rows field.

[Ritika gosh]

Use this code, hope it will work for you:

<asp:TemplateField HeaderText="IndexNo.">
<ItemTemplate>
<%# Container.DataItemIndex + 1 %>
</ItemTemplate>
</asp:TemplateField> in the gridview