From this Post: Paging message not showing in Kendo UI for jQuery | Telerik Forums
I have a Kendo UI data grid inside a modal dialog and the Page Message of 1 - 10 of 50 (for example) is not showing in the bottom right.
The reason is because the UI component does some internal calculations and decides to hide it if it deems the box is too small. So, to always you need to add the following to the Pageable() section. Responsive(false) is all you need so that the component does not hide it!
.Pageable(pager => pager
.Messages(messages => messages.Display("Records from {0} to {1} of {2}").Responsive(false))
)
@(Html.Kendo().Grid<Models.Address>(Model.addresses)
.Name("grid")
.Scrollable()
.Pageable(pager => pager
.Messages(messages => messages.Display("Records from {0} to {1} of {2}").Responsive(false))
)
.Sortable()
.Columns(columns =>
{
columns.Bound(column => column.Id);
columns.Bound(column => column.StreetAddress);
columns.Bound(column => column.City);
columns.Bound(column => column.Zip);
columns.Bound(column => column.Id).ClientTemplate("<input type='button' class='k-button' onclick=\"location.href='./AddressEdit/#=Id#'\" value='Edit' />")
.Title(" ");
})
.DataSource(ds => ds
.Ajax()
.PageSize(20)
.ServerOperation(false)
)
)