Kendo Angular PDF is currently has good functionality to export/download as PDF. My Idea is that , if Kendo can extend its PDF export functionality with print also. Problem - Currently using kendo PDF download, the GRID or any HTML component looks good to the users. But the same Grid if the user want to print , then the developers has to use some third party scripts to generate the print object and do the print. still its not appears as good as it appears in PDF. so the end users are complaining why the PDF export and the print is different in look and feel. Here are the steps to overcome. 1. should have a print PDF functionality which opens the PDF into new window. 2. the user has the option to download or print the pdf using PDF in-built options. 3. Kendo to provide fix to open in new window for all browsers ( IE, chrome, firefox etc) 4. Kendo print should not send the request to underline printer or any other hardware device.
It way too complicated to clear the selection programmatically in the grid at the moment. Please add a clearSelection method on the grid instance.
Please add support to change order of filter/clear buttons in Grid Filter Menu Component (so instead of "Clear-Filter" button order we can use "Filter-Clear" button order).
Please, please, please! We have scrollBottom event. It works like a charm. Add the same event for loading prev page on scroll top in [Kendo UI for Angular Grid], plese.
Feature to add "Select All" option in the Column Chooser of the Grid.
Similar to the feature in jQuery Grid: Display SelectAll in the ColumnMenu for Showing and Hiding Columns | Kendo UI Grid for jQuery | Kendo UI for jQuery (telerik.com)
Change the position of the grid filter dropdown, so it is unclear for which column it applies when opened. For example, as seen in the below screenshots, the popup of the filter to be displayed under the column to which it applies instead of on the right-hand side of it.
Actual behavior:
Desired behavior:
Related ticked: 1562369
We need to overwrite kendo-grid-column-chooser component reset button logic. We need reset button to select all columns that were selected during the initial load of grid.instead of current reset logic. Is there a way to overwrite reset button logic?
I tried <kendo-grid-column-chooser (reset)="resetColumnMenu($event)"></kendo-grid-column-chooser> but it didn't work.
Hi there
I am wondering if there is a way to customize the column labels / titles used in the column-chooser component.
I'm using the grid component with columns and column-groups (see example below) and would like to reflect the title of the group in the column-chooser's list as well.
Right now the chooser shows two checkboxes per group "Amount", "Weight" "Amount", "Weight" but does not reflect the group title...
Users might not be sure which "Amount" or which "Weight" is affected by which checkbox (in fact in my real world application there may be even more than 2 Productgroups in a row).
@Component({
selector: 'my-app',
template: `
<kendo-grid [data]="data">
<ng-template kendoGridToolbarTemplate>
<kendo-grid-column-chooser></kendo-grid-column-chooser>
</ng-template>
<kendo-grid-column field="Field1"></kendo-grid-column>
<kendo-grid-column field="Field2" [hidden]="true"></kendo-grid-column>
<kendo-grid-column-group title="Productgroup A">
<kendo-grid-column title="Amount" field="groupA.amount"> </kendo-grid-column>
<kendo-grid-column title="Weight" field="groupA.weight"> </kendo-grid-column>
</kendo-grid-column-group>
<kendo-grid-column-group title="Productgroup B">
<kendo-grid-column title="Amount" field="groupB.amount"> </kendo-grid-column>
<kendo-grid-column title="Weight" field="groupB.weight"> </kendo-grid-column>
</kendo-grid-column-group>
</kendo-grid>
`
})
export class AppComponent {
public data: any[] = [{ Field1: 'Foo', Field2: 'Bar', groupA: { amount: 11, weight: 111, annotation: "none"}, groupB: { amount: 22, weight: 222, annotation: "yes"}}];
}
Thanks for any help!
Jochen
Hello,
As discussed with Martin in support ticket 1429284, some of the column values in my grid might be the same, but with different letter cases. For example, column "First Name" could have the values "Elias", "elias", and "ELIAS".
When grouping, Kendo grid grouping treats those values as 3 separate groups because its case sensitive. Our users expect those values to be grouped as 1 to avoid confusion.
The workaround provided might affect other dependent features and make the code a bit messy.
I would appreciate it if you could add in a future version, a built in option to ignore case when grouping without changing the original displayed values.
Regards,
Elias
We recently had an ask to limit the number of columns that could be selected, and were not able to find an out of the box solution (nor was support).
Something like this would be great, which is the same implementation as the kendoGridFilterMenuTemplate which allows you to override just the content of the column chooser, and not have to manually create your own menu entry by overriding the whole kendoGridColumnMenuTemplate
<ng-template kendoGridColumnChooserMenuTemplate let-service="service">
<our-custom-chooser-component></our-custom-chooser-component>
</ng-template>
or, alternatively, if we were able to specify a grid parameter for a max number of columns as a grid level [maxColumns], that would work as well.
Allow user to filter like excel and your Keno UI for jquery. Where user can filter record by applying checkbox check and search.
Since the client side filtering honours ignoreCase and the toOdatastring not, we got a difference in behaviour, so i'd like to report this as a BUG! With dropdowns I use: &$filter=contains(tolower(FieldName), tolower('" + searchString + "')) but for grid filtering a COLUMN BASED ignoreCase is a MUST!
The filter descriptors support accessor functions in the "field" option. It would be great to see this implemented in the sort, group, and aggregate options. const result = process(items, { filter: { logic: "and", filters: [{ field: x => x.getValue(), operator: "eq", value: 0 }], // <- supported }, group: [ field: x => x.getValue(), // <- not supported aggregates: [{ aggregate: "sum", field: x => x.getValue() }] // <- not supported ], sort: [{ field: x => x.getValue(), dir: "desc" }] // <- not supported });
Can you add a method to go to a specific page in the Grid?
It is easy in Kendo UI for jQuery, https://docs.telerik.com/kendo-ui/api/javascript/data/datasource/methods/page
dataSource.page(2);
The equivalent way of doing it in Kendo UI for Angular is to bind skip to a Grid, and calculate the skip by ourselves, but it doesn't feel as natural as doing datasource.page(2)
As described here:
https://github.com/telerik/kendo-angular/issues/2809#event-3148229980
We are asking to add a simple css class to every master row opened. We have just to change stile every time row has detail open.
Thanks
Is it possible to modify the default filter for a date on a grid so that it is a "between" filter? i.e. the second clause will show "Is before or equal to" instead of "Is after or equal to"?
https://stackblitz.com/edit/angular-ygnmj1
Preferred default:
instead of: