or
1 answer
25 views
Hello!
Can I to create footer for entire kendo angular data grid (not for column)?
I need to add additional control between grid 's data and grid's pager control.
Maybe I can create my own custom pager control in two lines, but I haven’t found how to do it.
<ng-template kendoPagerTemplate> - arranges controls in one line.
1 answer
38 views
I am using the kendo grid checkbox column to select the records. but the records are not displaying as selected, once I move to the nextpage. I want the selected records to be shown as selected even i move to nextpage and come back to the same page.
in the below image, the slected records are showing as selected even when the page is changes. kindly help with code
1 answer
57 views
I have a kendo-grid with pageable set to true and can navigate to page 2. This all works fine. (see below)
If I then reload the grid data with new data, the view is still on page 2. How do I force a reset so the grid goes back to page 1?
<kendo-grid
[kendoGridBinding]="gridItems"
[navigable]="true"
[isDetailExpanded]="expandDetail"
(detailExpand)="onDetailExpand($event)"
[selectable]="{enabled: false}"
[kendoGridSelectBy]="false"
(cellClick)="onRowClicked($event)"
[scrollable]="true"
[pageable]="true"
[pageSize]="100"
[hideHeader]="true"
[columnMenu]="false"
class="section-l-grid"
#secondGrid
10 answers
1.4K+ views
The pager page-size template is keeping track of the records per page , but when kendo grid page is grouped on any column, the page-size drop-down (pager-template) should consider the the group count per page , not the no of records on that page and then display the result.
below is the link to the live demo application .
https://vtotbi.run.stackblitz.io
check the screen-shot , items per-page is 5 and it is displaying 5 records as well ,but the requirement is :
It should display 5 groups for this page .
1 answer
58 views
Hi,
We have been using Kendo UI for angular. The Kendo Grid UI is getting distorted. It was working fine earlier. Nothing has changed (CSS, HTML, Package)
Somehow the CSS is not getting applied.
Thanks,
Bhalchandra
1 answer
343 views
Is it possible to customize the titles/tootips and look/color for a grids pagination buttons (First, Previous, Next, Last)? I'd like it ot matach the look and feel of other tooltips we have in our application.
1 answer
105 views
We need the possibility to call an A.P.I using paging parameters, thus loading each page of the grid dynamicaly.
Something like passing the total number of entries, then an A.P.I request for each paging event that will respond with the results for that page.
Is there any possibility to do this using the "Kendo UI for Angular" Grid ?
Something like passing the total number of entries, then an A.P.I request for each paging event that will respond with the results for that page.
Is there any possibility to do this using the "Kendo UI for Angular" Grid ?
1 answer
211 views
Hi,
I report the behavior of the responsive pager configuration for kendo grid angular for an empty grid (when there is no records data, it display's an empty dropdown). I wonder if is it a bug or a normal behavior ?
Thank you.
1 answer
258 views
Hello,
I am developing an angular application on webpack 5 .i have two problems with Grid that is:
I - Change Items Per Page
First time, i change items per page, the page number is not updated.
2nd, i re-click on select items per page, the page number is updated now.
II - Always shows "No records available." even if there is data.
Please help me soon.
Thanks !
1 answer
61 views
I'm having six tabs and in all six tabs, I'm having a kendo-grid table. when I load the component it's becoming too slow(40 seconds) when working with 500 records. and I'm loading data from API(Backend) and data comes from the backend very quickly(1 second) and pagination is enabled.
I have even implemented virtual scrolling but didn't help me.
<kendo-grid [data]="gridDataOpen" [loading]="loaderVisible" [filterable]="true" [filter]="state.filter"
scrollable="virtual" [rowHeight]="35" [sortable]="true" [sort]="state.sort" [pageSize]="state.take"
[skip]="state.skip"[height]="700"(dataStateChange)="dataStateChange($event)"(pageChange)="pageChange($event)">
pageChange(e) {
this.loaderVisible = true;
this.state.skip = e.skip;
this.loadItems(e);
}
public pageSize = 100;
loadItems(state): void {
this.gridDataOpen = {
data: this.tableDataOpen.slice(this.state.skip, this.state.skip + this.pageSize),
total: this.tableDataOpen.length,
};
this.gridDataAccepted = {
data: this.tableDataAccepted.slice(this.state.skip, this.state.skip + this.pageSize),
total: this.tableDataAccepted.length,
};
this.gridDataSubmitted = {
data: this.tableDataSubmitted.slice(this.state.skip, this.state.skip + this.pageSize),
total: this.tableDataSubmitted.length,
};
this.gridDataSubmissionAccepted = {
data: this.tableDataSubmissionAccepted.slice(this.state.skip, this.state.skip + this.pageSize),
total: this.tableDataSubmissionAccepted.length,
};
this.gridDataRejected = {
data: this.tableDataRejected.slice(this.state.skip, this.state.skip + this.pageSize),
total: this.tableDataRejected.length,
};
this.gridDataCancelled = {
data: this.tableDataCancelled.slice(this.state.skip, this.state.skip + this.pageSize),
total: this.tableDataCancelled.length,
};
this.loaderVisible = false;
}
Martin Bechev
Telerik team
answered
on
19 Nov 2021
