I just turned on multi column sorting in one of my grids I use. When sorting on multiple columns, the index of the sort is not shown.

Am I missing a style sheet to load or component in my module to make this happen? 

Example page is:

https://test.tropicos.org/name/25509881 go to the Specimen Tab on this screen.

HTML:

Imported styles...

Hello,

I am using the autoFitColumns method on my grid and the column resize works perfect, but when I moved the horizontal scroll to the end and apply a filter on a column or a reorder, the grid refreshes and the scroll jumps to the left. This behaviour also ocur in your auto-fitting example: https://www.telerik.com/kendo-angular-ui/components/grid/columns/resizing/#toc-auto-fitting-the-content

I will like the grid mantains the scroll position after any refresh just like it use to happen without autofit.

Another alternative I explored is using the scrollTo method after call the autoFitColumns method. But I was unable to capture the last column visible after the refresh.

I will appreciate your help. Thanks.

Hi,

I see that if an input in dialog focus(), we can not close the dialog with "Escape" key press.

Is there a general setting that can help me achieve this?

--

Or is there a way that I can trigger dialog close function with a general event?
document.querySelector(".k-dialog-content input")
                .addEventListener("keydown",function(e){ if(e.key == "Escape") { this.closest(".k-dialog")._wishToClose_(); } });

Hi, I have two grids to export to excel in one worksheet. #gridData is main grid with report data, #grid1 is report filter data.  However, if user doesn't wants to see #grid1 in excel, it should only export #grid to excel. Can you tell me what I need to change with these codes? Thank you.

--first grid

<kendo-grid #grid [data]="gridData" (excelExport)="onExcelExport($event, grid1)">

<ng-template kendoGridToolbarTemplate>

<button type="button" kendoGridExcelCommand><span class="k-icon k-i-file-excel"></span>Export to Excel</button>
</ng-template>
<kendo-grid-excel fileName="reportname" ></kendo-grid-excel>
</kendo-grid>

--second grid

<kendo-grid [data]="dataFilters" (excelExport)="onExcelExport1($event)" #grid1  [height]="50" >
<kendo-grid-excel [fileName]="reportname" ></kendo-grid-excel>
</kendo-grid>

public onExcelExport(e: any, grid): void {
e.preventDefault();
this.sheetData = e;
grid.saveAsExcel();
}

onExcelExport1(e){
let dataFromFirstGrid = this.sheetData.workbook.sheets[0].rows;
e.workbook.sheets[0].rows.push({cells: []});
e.workbook.sheets[0].rows = [...e.workbook.sheets[0].rows, ...dataFromFirstGrid];
}

Hello,

I'm currently trying to export an excel file from a grid with a custom filename. Everywhere I look the go-to suggestion is to use the

and 

to update the file name. This doesn't appear to work anymore. Looking into the source code I found the following lines trying to save a file:

This clearly indicates that this.fileName is used, which is initialized once to "Export.xlsx" and then never read back from the event again.
Is this intended behaviour? If so, has the ability to override the export name completely been removed?

Best Regards
Philipp

Hello,

I need an on close event of each tab in a tabstrip component in Angular typescript.

How can we achieve that please ??

Thanks

Hello,

After doing Group By on a grid. I'd like to expand/collapse a group in a Grid by clicking the entire row of the group header, not just the litte arrow on the left.

Currently, if we click on little group by arrow on the left side it will expand/collapse the group. Instead, need to expand/collapse by clicking the entire row of the group header. 

I have attached a screenshot for better clarification. 

Any help would be appreciated. Thanks in advance.