Hello,
I tried to implement this new feature : https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual#controlling-the-expanded-state-of-all-root-level-groups
You can see in the demo that if you remove all grouping, the content is now limited to 50 lines instead of displaying the whole 1000.
I found a workaround by expanding all before removing the grouping but it is not very user friendly.
If you can patch it ASAP that would be great.
And thank you to finally have pushed this long awaited feature !
Any plans on creating a Distinct Filter for the grid? One like Wijmo has? https://ibb.co/fo7gwQ
Allow user to filter like excel and your Keno UI for jquery. Where user can filter record by applying checkbox check and search.
The developer must measure the Grid row height in the browser and set it to the `rowHeight` in order for virtual scrolling to work correctly. Setting an incorrect value can lead to subtle errors - glitches during scrolling or inability to scroll down to the last row.
The row height may change as a result of a styling adjustments and is not guaranteed to be identical across browsers and devices. This makes the current workflow tedious and error-prone.
One of the following approaches can be used to solve this issue:
When filter popup is opened, it need to be closed by click outside of it
However, popup is closed only after second click outside.
After popup was opened and closed for the first time - next times everything works correctly, so it can be reproduced only after refreshing the page with this component
It can be reproduced in example in your documentation: https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu/#toc-custom-filters/
I would like to see more responsiveness in the grid. I believe what i understand to be known as stacking could be achieved by additions to the media operator on columns. Thus we could have media=".col-sm-12 col-md-6 col-lg-4 col-xl-3". The underlying code could then use media queries and where the column will not fit on the device without the ugly scroll bar it would wrap the columns in a kendo-grid-span-column directive giving a card-like effect on smaller devices. Of course this may need some columns to be hidden on smaller devices so we could also use the [hidden] directive like so: [hidden]="sm". The next thing you would have to think about would be what to do with column headers when a row is stacked and, again, we could use the [hidden]="sm".
Current behavior
The grid component already has the functionality to resize and reorder columns by the user, but is missing functionality for saving an restoring columns configuration, so that changes done by the user are lost after a page change.
There is the Persist the State article in the "How to section" in the documentation, but the described solution is only applicable when adding grid columns by using *ngFor. When defining columns in the markup, due to extensive usage of templates (kendoGridColumnMenuTemplate, kendoGridFilterMenuTemplate, kendoGridCellTemplate, ..), there is no reasonable solution available.
Expected behavior
Provide methods, similar to the jQuery grid, to save and restore columns configuration. This should at least include the column's order, width and sort.
PS: This is not a duplicate of the feature request Add persistent state for grid (and other components). The latter one has been marked as "Completed" but does not include the needed functionality.
Please provide support for spanned columns with multi-column headers combining the already existing features:
https://www.telerik.com/kendo-angular-ui-develop/components/grid/columns/spanned/
https://www.telerik.com/kendo-angular-ui-develop/components/grid/columns/headers/
Hi Team,
Requesting a feature to grid rows merge like the below example,
| Col1 | Col2 | Col3 | Col4 | Col5 | Col6 |
| Row1 | Row1 | Row1 | Row1 | Row1 | Merge1 |
| Row2 | Row2 | Row2 | Row2 | Row2 | |
| Row3 | Row3 | Row3 | Row3 | Row3 | Merge2 |
| Row4 | Row4 | Row4 | Row4 | Row4 | |
| Row5 | Row5 | Row5 | Row5 | Row5 | |
| Row6 | Row6 | Row6 | Row6 | Row6 | Merge3 |
| Row7 | Row7 | Row7 | Row7 | Row7 | |
| Row8 | Row8 | Row8 | Row8 | Row8 | Merge4 |
| Row9 | Row9 | Row9 | Row9 | Row9 |
Thanks!
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.
Could we have a turnkey solution which allows to disable a row selection which takes care of disabling only the relevant selection checkboxes and handle properly the "Select all" checkbox state (in header).
With CheckboxColumnComponent field which allows providing dataItem field name or predicate function.
<kendo-grid-checkbox-column showSelectAll="true" disableSelection="isDisabled">
</kendo-grid-checkbox-column><kendo-grid-checkbox-column showSelectAll="true" [disableSelection]="isDisabledPredicateFunction">
</kendo-grid-checkbox-column>OR
If you don't want to add more selection concerns into CheckboxColumnComponent this field could be specified in your SelectableSettings as well:
public selectableSettngs: SelectableSettings = {
enabled: true,
checkboxOnly: false,
mode: 'multiple',
cell: false,
drag: false,
rowEnabled: mySelectableRowPredicateFunction
}rowEnabled field could something like this:
export declare type RowEnabledSelectionFn = (context: RowArgs) => boolean | boolean;
export interface SelectableSettings {
//...
/**
* Determines if row selection is allowed.
*
* @default true
*/
rowEnabled?: RowEnabledSelectionFn;
}Thank you
Currently the Grid checkbox column selection does not allow for selecting a range of rows via shift-click.
As this seems to be a behavior that users expect, based on a similar experience with popular applications like for example Outlook and Gmail, we can consider introducing this behavior in the Grid too.
For example:
When we click on a check box and Shift+click on another checkbox all the rows in between these rows should be checked. Ex: click on 2nd row and shift click on 8th row, all the rows in between 2nd and 8th should be selected.
Hello,
In the documentation it says that sticky columns are not available while using virtual columns. It is really important for us to virtualize columns, when there's a lot of them in the grid, but also being able to use a sticky column at the same time.
Can you please consider implementing sticky columns while virtual columns are also enabled?
Best regards,
Boris
When using virtual scrolling and grouping features (currently achieved with kendoGridGroupBinding directive), the ability to control the expanded state of the groups is disabled due to limitation.
The available methods are helpfull when you want to control the state of the groups at runtime, but are not compatible with virtual scrolling since the records are loaded on demand.
It would be nice if we had the ability to collapse and expand all groups of the Grid programatically when using virtual scrolling.
We need copy-pasting data from Excel to Kendo UI for Angular Grid, and it is available in old telerik component for silverlite application
We need to be able to overrride "compare" method in kendo-data-query sort-array.operator. We are using your processData for client side sorting but need to change the "compare" method since we have decimal values already formatted in our objects. Since they are formatted they are technically strings and sorted as such. Currently we had to rip out your processData and call our custom version with a compare method like so:
const compare = (a, b) => {
if (isBlank(a)) {
return a === b ? 0 : -1;
}
if (isBlank(b)) {
return 1;
}
let a1 = a;
if (isNumber(a)) {
a1 = toNumber(a);
} else if (isDate(a)) {
a1 = ensureDate(a);
}
let b1 = b;
if (isNumber(b)) {
b1 = toNumber(b);
} else if (isDate(b)) {
b1 = ensureDate(b);
}
if (a1.localeCompare) {
return a1.localeCompare(b1);
}
return a1 > b1 ? 1 : (a1 < b1 ? -1 : 0);
};