Hi. We have a master-detail grid with the detail being a nested grid.
Unfortunately, as the master grid is scrolled, the detail grid header is scrolled out out of view, and the columns look odd because they do not match the master grid header.
Before scrolling:
After scrolling:
We would like to make the master row and detail header sticky.
Thanks.
Since the itemLookup as the selectedKeys works with index and is not able to search the tree by a key value, which in my opinion is really a must-have feature for the tree.
It would be by far easier if we could have a method findParentsByKey and findParentItemsByKey and define a key and values and get the full results.
Like for example
findParentsByKey(id, 123) - this could return an array of objects of the key/values of the parents of the node with id: 123.
findParentItemsByKey(id, 123) - return only the parent nodes (only those with children), an array of objects with the key/values of each parent item.
Hi,
The cell template would be a good addition to the PivotGrid component allowing developers to customize the cell content.
Thank you for your consideration.
https://stackblitz.com/edit/angular-5elhtu?file=src%2Fapp%2Fapp.component.ts
When a detail row is used, the moment you expand one row and scroll, it automatically loads the last items from the dataset.
Ex expand row 1 - start scrolling, and it suddenly loads 5xx th row+;
When grouping is also enabled - expanding the detail row under one group, expands it under all groups.
The stackbliz is from the kendo demo page for virtualscroll (with the added detail row).
Hello,
I would like to request a way to have the selected/unselected column menu sorted separately from the table's columns.
Here is our table which demonstrates the current behavior.
When first rendered on the page:
After re-arranging the columns:
However, it'd be nice to have the column menu sorted separately from the table's columns. Thank you.
Hello ,
Kindly Have issue with stacked bar when try to draw two items in chart with specified with as the below
<kendo-chart-series>
<kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[97]">
</kendo-chart-series-item>
<kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[7]">
</kendo-chart-series-item>
</kendo-chart-series>
If you have a kendo grid table with some data over multiple pages and you go e.g. to the last page and then reload the data, resulting with less pages - the table is empty and you have to manually click on the first page to see the data. Here is a working example:
https://codesandbox.io/s/upbeat-lamarr-d67m8k?file=/src/app/app.component.ts
Step 1. Go to the last page
Step 2. Click on the button "'Reset data" <- you see no data
Step 3. Click on the first page <- You see the data
Hi,
Please add an expression preview property like the one in Kendo UI for jQuery:
https://docs.telerik.com/kendo-ui/controls/filter/expressionpreview
Use the basic usage example from https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/
Click in the area next to the baseball chip.
The list with available objects pops up.
Click in the place where the cursor is, the popup won't close.
Click in the right half of the component, the popup closes.
It seems it's the input element which swallows the click event.
I would expect the popup to be closed, no mather where I click in the component
Hello,
we are searching for two components that we don’t find in your ANGULAR Library.
These components are:
I have attached some print screens for existing components on the market...
Could you please check if there are any future/planned developments concerning these two components with Telerik?
Thank you in advance…
Hi,
It will be a nice feature to have the ability to customize the drag hint of the built-in row reordering similar to the hintTemplate.
Hi, Team!
I would like to have a designated component in the Kendo UI for Angular suite that would provide built-in syntax highlighting and code editing experience for popular programming languages.
Similar to the WPF SyntaxEditor: https://www.telerik.com/products/wpf/syntaxeditor.aspx
Hello, Team!
I would like to have a timeline view with custom number of days/weeks.
This component is AWESOME! One thing missing is it doesn't fit on mobile at all. It needs to break vertically on smaller devices.
Here is a simple example:
HTML:
<kendo-listview
[height]="400"
[data]="notes$ | async"
class="k-d-flex-overflow-auto"
(scrollBottom)="loadMore()">
<ng-template kendoListViewHeaderTemplate>
<span title>Reminders</span>
</ng-template>
<ng-template kendoListViewItemTemplate let-dataItem="dataItem">
<app-message-note [note]="dataItem"></app-message-note>
</ng-template>
</kendo-listview>
TS:
@Component({
selector: 'app-message-list',
templateUrl: `./message-list.component.html`,
styles: [
`
.k-d-flex-overflow-auto {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
overflow: auto;
}
`,
],
})
export class MessageListComponent implements OnInit {
notes$: Observable<NoteDto[]>;
constructor(private replyService: ReplyNoteService) {}
ngOnInit(): void {
this.notes$ = this.replyService.getUserNotesList();
}
loadMore() {
console.log('loading...');
}
}
Without these styles scroll is not visible.
Current behavior: scroll to the bottom, nothing happens.
Expected behavior: scroll to the bottom "loading..." will be logged to the browser console.