Hi,
It will be a good addition to the CheckboxColumnComponent if you allow developers to disable the checkboxes conditionally.
Workaround adding `k-disabled` class using class and headerClass properties:
https://stackblitz.com/edit/angular-n4gpjp-xqkpjz?file=src%2Fapp%2Fapp.component.ts
Requested for Kendo UI originally, seems to be common scenario: http://www.telerik.com/forums/automatically-hide-a-column-when-a-user-drags-it-up-to-be-a-group-header
Currently it appears to be impossible to do something as simple as change the background color of a grid row based on data inside it. For instance, I have rows of data that could be "rejected" or not. I want to change the grid row background color for "rejected" rows.
Please make the grid selection cancelable.
The edit row need to be stayed in the top position while scrolling down the grid. Or else, the use would need to scroll up and down each time when adding a new record.
Please think about an implementation of toolbar template for grid, similar to the jQuery version. Can we expect something like this in the near future?
How can we show the loader image on calling any web api or service call. As of now grid by default shows no record available.
Currently, the fieldname is used as "clue" when dragging a column header from the grid. However, this name is rarely appropriate (for instance, it could the name of the correpsonding property in the DTO between back-end/front-end, or it could be a normalized English name while the user is browsing in French, etc.). We would prefer to have either a configurable text, or else use the text currently specified as "title" for the column.
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)
If the value "-1" is passed in as one of the values in pageSizes input for the PagerPageSizesComponent, that option should be shown as "All" and should show all rows available for the grid.
In the jQuery version of the Angular Grid, it was possible to add row templates to a grid which was useful because you could set attributes directly to the tr. In my case, I have a scenario where I want to add a title attribute for tooltips for the whole row, not just individual cells. I can provide a function for rowClasses, which is great, but it would be nice if there was a similar function I could use to add other attributes as well directly to the tr. At the moment my work around is to add the title to every column individually, but that's not ideal as it affects the positioning of the tooltip etc
I find myself reusing similar/identical code in order to implement filtering, sorting and virtual paging. In almost all cases, I am simply applying the filters, sort and determining the records to select based on the page as shown in the API. This code should be inbuilt into the kendo grid. If filterable is true, kendo should implement the filter change event and apply filters automatically; the users should not be forced to define what happens on filter change for every grid instance. Similarly, if sortable is true, the kendo grid should automatically implement default sort functionality. The same would also be useful for virutal scrolling. If scrollable is set to 'virtual', then the view to be shown in the grid should be automatically calculated on page change.
Exporting grid and chart in single pdf. If we have grid and chart in seperate tab. With hidden content what if we have a pagination in grid and want complete grid and chart. https://stackblitz.com/edit/angular-8tdtwv-p6r75m?file=app/app.component.ts
It would be helpful to have the ability to set maximum row height for the cells in a column so that resizing the column cannot put he grid in an undesirable state, with one row taking up the entire grid. If a column has text in it with word wrapping enabled, when the column gets narrow, the wrapping makes the cell grow vertically as much as it needs to display everything. If the column is made very narrow, soon that row will be the only row in the grid. I don't think a user would ever want this to occur. If the maximum height could be specified, then it would be possible to prevent the grid from ever getting in this rather broken state. Ellipses, or some other indicator, should show when the content is truncated because the dimensions of the cell are too small to show the entire content.
When assigning data to a grid dynamically (ie: not specific columns to a grid) the Grid Columns should autosize to the width of the headers. Currently the only workaround is to use grid.AutoFitColumns() and wrap it in a timeout function. This causes erratic jumps in grid rendering and looks unprofessional.
Users should have the option to set gridColumnAutosize = true in the grid component. Then if users dynamically assign the grid data source without explicitly assigning columns then the grid columns will autosize to the width of the column header name.
Here is an example of the grid trying to squeeze in all data into the visible area. When it should autosize and create a scrollbar for anything that cannot fit on the page.
https://stackblitz.com/edit/angular-9jogrg?file=app%2Fcustomers.ts
Add "between" grid filter row operator similar to DevExpress for angular one.
Example here:
https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/Filtering/Angular/Light/
Hi There,
We started using Kendo Grid extensively. We came across below requirement and confirmed with your support team that the feature is currently not available. We think this would really allow users customise their display.
Requirement analysis:
We would be using a common wrapper class across the org.
We will be displaying list of records from the DB, at times, there are columns which contains a JSON, we need to use a custom template to display the JSON. I understand I can go with an if condition in the template html of grid, but, that would lead me to end up having N number of conditions since we do not have a limited such use cases, each such instance would need to be rendered with different template.
The same is the case with row editing as well, for instance, for columns which accepts a description, we want to show a custom popover which would allow the user to specify the data in the way the customer wants (rich text with lot of customisation)
At a high level if we nail down into steps of the behaviour
1) Columns definition will come as a JSON which would also contain a template reference for any of the columns.
To elaborate more, If firstName and lastName are the columns at the DB level but for grid view I want to show them as a single column.
2) The JSON we are constructing will have a type attribute which would indicate me on whether to use a user defined template or regular one.
3) Corresponding data will be a JSON with possible keys required for the template.
Hey Kendo Team,
you already have a solution in jQuery for my problem (https://docs.telerik.com/kendo-ui/knowledge-base/grid-group-remove-footer-header-one-record).
Unfortunately this solution did not work in Angular.
Desirable solution would be a flag in GroupHeaderTemplate which removes header if group size is one.
Another solution could be; allow a class field in GroupHeaderTemplate, so that we can set display to none if group size is one.
Best regards,
Matthias