Как я могу добавить несколько страниц в таблицу в бритве

Question

Я создал вид с двумя вкладками. Одна из вкладок должна быть разбита на несколько страниц.

Не знаю, как это сделать с нумерацией страниц. Мне нужно отдельное представление для каждой вкладки, или это все еще можно сделать в одном представлении?

Не могли бы вы помочь мне с примером для того же взгляда?

    <div class="w3-bar w3-dark-grey">
        <button class="w3-bar-item w3-button tablink w3-red" onclick="openTab(event,'Statistics')">Statistics</button>
        <button class="w3-bar-item w3-button tablink" onclick="openTab(event, 'History')">History</button>
    </div>

    <div id="History" class="w3-container w3-border city" style="display:none">
        <h2>History</h2>
        @helper ShowHistory(Site.classes.HistoryStruct[] aHistory)
        {
        <br>
        <table class="table table-hover table-bordered">
            <thead>
                @if (aHistory == null)
                {
                    <tr></tr>
                }
                else
                {
                    <tr>
                        <th>Username</th>
                        <th>Info</th>
                        <th>Date</th>
                    </tr>
                }
            </thead>
            <tbody id="tblStatistics">
                @{string sClass = "class='divaproved'";
                    for (int i = 0; i < aHistory.Length; i++)
                    {
                        <tr @Html.Raw(sClass)>
                            <td>@aHistory[i].UserName</td>
                            <td>@aHistory[i].Info</td>
                            <td>@aHistory[i].Date</td>
                        </tr>
                    }
                }
            </tbody>
        </table>
}
        <div class="container">
            @ShowHistory(Site.classes.UserAccessDB.aHistory)
        </div>

    </div>

Answer 1

Если вам просто нужно разбить таблицу на части, вы можете попробовать это js: DataTables

Дайте идентификатор для таблицы, которую нужно разбить на страницы, и добавьте следующий код в конце вашей страницы

$(document).ready( function () 
 {
    $('#myTable').DataTable();
 } 
);