EDU/Website/NEducation/Views/Mini_game1/_RankingTable.cshtml

@model NEducation.Models.WinnerMiniGameModel

<div class="rankking">
    <div class="container">
        <table id="rankingTable">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>PhoneNumber</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var winner in Model.Winner.listWinner)
                {
                    <tr>
                        <td>@winner.sysdate</td>
                        <td>@winner.msisdn</td>
                    </tr>
                }
            </tbody>
        </table>
    </div>
</div>
<style>
    table {
        width: 100%;
        border-radius: 5px;
    }

    th, td {
        border: 1px solid white; /* Defines the border */
    }

    th {
        text-align: center;
        background-color: #EE0033;
        color: aliceblue;
    }

    td {
        background-color: #EE0033;
    }

    tr:nth-child(even) td {
        background-color: #EE0033;
    }
</style>