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>
}
Last updated: 3/9/2021 4:01:41 PM

Latest Updates

© 0 - 2025 - Mike Brind.
All rights reserved.
Contact me at Mike dot Brind at Outlook.com