Dots on Kendo Grid pagination Bar

[Raj]

I am getting some strange dots on Kendo grid pagination bar. How can i remove This?

[Dimiter Topalov]

Hi Raj,

I could not reproduce the described issue with any of our themes (you can switch between themes from the menu in the top-right corner of the page:

http://demos.telerik.com/kendo-ui/grid/index

There seems to be some custom and/or third-party styling that interferes with the built-in Kendo UI styles, more specifically - the dots seem to be coming from the LI elements the Pager buttons are in, and the list-style is not set to none, e.g. from our styles:

body, h1, h2, h3, h4, p, ul, li, a, button, .main-nav, .kendo-nav, #banner p, .browsers, #nav-pager, #examples-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

Removing or modifying the custom styling should resolve the issue.

Regards,
Dimiter Topalov
Telerik by Progress

[Raj]

Thanks !!! kendo Style Sheet was over written by other stylings. Fixed it.

[Raj]

Thanks!! Kendo Style Sheet was over written by other styling. Fixed it.

[sapnaa]

What if i am sending skip and take parameter from "Read" in kendo and that brings only datas what i wabted from the sql raw query and now my pagination is not working. What to do with that?

[Stefan]

Hello, Sapnaa,

Based on the information I can assume that the issue occurs because the total value of the response is equal to the pageSize. This is creating a scenario where the Grid "thinks" that these are all of the items.

In this scenario, I can suggest the total number of records should be retrieved in a variable from the SQL and that variable has to be passed to the Grid inside the response:

https://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-schema.total

Regards,
Stefan
Progress Telerik