It would be great if grid component has option to filter date and numeric columns by range.
At current, if one wants to, (for example), highlight the entirety of a row, the natural choice would be to associate a background color with that row. However, currently, this is not possible. The closest we can come is to conditionally associate a given color with a div that happens to live in that cell, e.g.:
<kendo-grid [data]="gridData" [height]="410">
<kendo-grid-column field="ProductID" title="ID" width="40">
</kendo-grid-column>
<kendo-grid-column field="ProductName" title="Name" width="250">
</kendo-grid-column>
<kendo-grid-column field="Category.CategoryName" title="Category">
</kendo-grid-column>
<kendo-grid-column field="UnitPrice" title="Price" width="80">
<ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
<div [class.myClass2]="dataItem.UnitPrice >= 20">{{dataItem.UnitPrice}}</div>
</ng-template>
</kendo-grid-column>
<kendo-grid-column field="UnitsInStock" title="In stock" width="80">
</kendo-grid-column>
<kendo-grid-column field="Discontinued" title="Discontinued" width="120">
<ng-template kendoGridCellTemplate let-dataItem>
<input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
</ng-template>
</kendo-grid-column>
</kendo-grid>
(where the class.myClass2 is defined as follows):
styles: [`
.k-grid td {
position: relative;
}
.myClass2 {
background-color: rgba(255, 0, 0, 0.5);
color: white;
padding: 8px 12px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
}
`]
But this doesn't reliably highlight a predictable amount of the cell, especially across browsers.
Thanks for your consideration,
Jeff
Currently it seems that the columns widths are just divided up between the available width and the number of columns. Under that circumstance I am unable to specify a smaller width for a column. I would like for the column to adjust to the title at a minimum. Also it would be nice if we could drag the columns widths bigger or smaller.
Please add grid spinner configuration on grid, example <kendo-grid [loading]="true"></kendo-grid>
Once in a while, I try out a new Version to see, whether performance has improved. and constantly, I find that this is not the case. The best treeshaking technique from Angular is spoilt by KendoUI components because of all the millions of bytes of script code that get downloaded by your components and lead to a desastrous client experience! Optimization would be as simple as a good redesign. I wonder, why this still did not happen over the last year!
Angular 4x. version version of Grid must support all grid features we had in JQuery based version with Bootstrap CSS support. http://demos.telerik.com/kendo-ui/grid/index
The new Kendo for Angular Grid doesn't look to have any keyboard support. This is necessary to pass Section 508 a11y. I don't see any items on the Kendo github, nor any ideas in this portal.
Need the ability to reorder columns and access the current configuration to store and load on next time user access the site. Already exists on other products on the market and Kendo Grid for jQuery http://demos.telerik.com/kendo-ui/grid/column-reordering
Need to have Parent --> Child hierarchical records to be displayed in Grid..
It should support up to 'n' level , it means a parent can have any number of child records. can this be done using current Master Detail grids?.
Parent 1
--- Child 1
-- Grand Child 1
-- Grand Child 1
-- Grand Child 2
Thanks in advance.
Drag and Drop of grid's columns the same way we have on the jquery version (with a Input on the component saying if we want columns to be draggable)
Any Plans for making grid or listview rows to be draggable
Currently KendoUI supports responsiveness (http://demos.telerik.com/kendo-ui/responsive/) Ideally all Angular 2 controls should behave in same way, this would allow creating pages that work nicely on desktop, tablets and mobile.
Same Feature as in Demo of JQuery: http://demos.telerik.com/kendo-ui/grid/column-resizing Should emit an event with column sizes, so they could be stored in user settings.
In Grid set Filter next Grid Column (http://demos.telerik.com/kendo-ui/grid/filter-menu-customization) like normal Kendo Grid Filter.
Like kendo ui jquery.
At the moment, the selected row is not cleared when the data changes (or we change the page). There is no way to clear the selection in the grid, which would be useful when 1 data from a grid depends on the selection from the parent grid. Having an API to change the selected row, would help.
hi guys, We are debating between ag-grid for Kendo ui angular 2....what better to use? 1. Does Kendo UI grid supports RTL (Right To Left)? 2.How to implement expandable row In ag grid angular 2 ? 3. How to implement paging In ag grid angular 2