обновить номер строки в кендо сетке mvc

Question

Мне удалось показать количество строк следующими двумя способами.

первый путь ( ссылка ):

.ftable tr:not(.fble_htr) {
    counter-increment: rowNumber;
}

.ftable tr:not(.fble_htr) td:first-child::before {
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
}

второй путь (ссылка ):

<script>
    var counter = 1;

    function onDataBound(e) {
        counter = 1;
    }

    function renderNumber(data) {
        return counter++;
    }    
</script>

@(Html.Kendo().Grid()   
    .Name("Queue")
    .Columns(columns => {
        columns.Template(t => { }).ClientTemplate("#= renderNumber(data) #").Title("#");
    })
    .Events(ev => ev.DataBound("onDataBound"))
)

Таблицы кендо обычно располагаются на нескольких страницах.Когда я перехожу со страницы 1 на страницу 2, номер строки также обновляется, и строки нумеруются на странице 2 с 1,2,3, ....эта проблема существует двумя способами

Как решить эту проблему?