Нумерация страниц в jQuery не работает с mvc view

Question

Я работаю над приложением MVC.Данные таблицы возвращаются в виде представления из контроллера.После связывания строк в виде бритвы я инициализирую данные.Нет.количество возвращаемых строк - 50. Проблема в том, что таблица данных отображает все 50 записей и, следовательно, нет нумерации страниц.Я хотел бы, чтобы он показывал только 10 записей на страницу, а затем разбивал на страницы.

Кроме того, я не хочу получать данные страницу за страницей.Общее количество, которое в данном случае составляет 50, определяется конечным пользователем.Это основная причина, я выбираю таблицы данных, поскольку они обеспечивают сортировку, поиск и разбивку на страницы без кодирования.

Итак, работает ли функция разбивки на страницы, если данные привязаны к DOM, а затем инициализированы.Если нет, то каков наилучший способ сделать это.Вот код:

@model ResultOutput
<table class="tblKeyMetrics" role="grid">
        <thead>
            <tr role="row">
                <th class="">Value</th>                
                <th class="">Impressions</th>
            </tr>
        </thead>
        @if (Model.KeyMetrics != null && Model.KeyMetrics.Count > 0)
        {
          <tbody>
            for (int index = 0; index < Model.KeyMetrics.Count; index++)
            {
                KeyMetrics metric = Model.KeyMetrics[index];

                    <tr role="row">
                        <td>@metric.value</td>                        
                        <td>@metric.impressions</td>
                    </tr>                                        
            }
          </tbody>
        }
        else
        {
            <tbody>
                <tr class="row">
                    <td colspan="3">
                    No results found.
                    </td>
                </tr>
            </tbody>
        }
    </table>

<script>
$(document).ready(function () {
        InitializeDataTable($(".tblKeyMetrics"));
    });

function InitializeDataTable(tbl) {
    if (!$.fn.DataTable.isDataTable($(tbl))) {
        $(tbl).DataTable({
            pageLength: 10,
            iDisplayLength: 10,                
            "paging": true
        });
    }    
}
</script>

с использованием jquery.dataTables.min.js v1.10.16 с dataTables.bootstrap.min v3