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); };
When resizing grid columns so the last column does not reach the right border of the grid (sum of columns width < current grid width), loading stored state (or changing column width property in any way) does not restore the columns width proportionaly to use the full width of the grid.
Note: in this case, the default columns width sum and stored state columns width sum are always inferior to the grid width in order to use proportionality and adapt to every screen size.
In our implementation, we made a "Reset columns view" (working exactly as the loading store data), but if the user play arround with the columns as described above), the reset is broken.
Reproduce steps:
Using the persisting state exemple available in the doc: https://stackblitz.com/edit/angular-3jdmzy?file=app%2Fapp.component.ts
- Click "Save current state"
- Resize grid columns so the last column does not reach the right border of the grid
- Click "Load saved state", the columns are resized proportionaly of the saved state but on the base of previous columns width sum instead of the full grid width.
http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/various/drag-and-drop-rows-between-two-grids
Please provide a built - in rows reordering functionality that isn't based on the public HTML drag and drop api. Also please allow to customize the content of the drag hint. Something similar to the drag and drop feature of the TreeView.
thank you
Hello,
As I explained in this post, I would like to set max-width on certain columns of a grid to force them to not becoming bigger than a certain size if there is a remaining width in the parent container. However, I do need to distribute the remaining width across other columns if they don't have max-width.
For example in this project https://stackblitz.com/edit/max-width-request?embed=1&file=app/app.component.ts, I want the first column which shows the ID of products would never be bigger than 15. I'm advised to leave one of the columns without setting width, so that column will occupy the remaining width and as a result the width of columns with width will be respected as max-width. However, that is not good because in big screens you will end up with a very big column while other columns are still suffering from lack of space.
Thanks,
Mojtaba
When using KendoUI for Angular 2+, the filter value is still enabled and accepts input when "Is null" or "Is empty" is selected.
Since those selections do not require a parameter, I'd prefer the filter value to be default disabled.