Razor Table From Enumerable
@page
@model RazorPages5Tests.Pages.PlaceBookingModel
@{
var places = Enumerable.Range(1, 81).Select((v, i) => new { Value = v, Index = i }).GroupBy(x => x.Index / 9);
}
<table>
@foreach (var group in places)
{
<tr>
@foreach(var place in group)
{
<td data-id="@place.Value" class="p-3 border">@place.Value</td>
}
</tr>
}
</table>
@section scripts{
<script>
document.querySelectorAll('td').forEach(td => {
td.addEventListener('click', event => {
alert(`You clicked ${event.target.dataset.id}`);
});
});
</script>
}