Telerik Forums
Kendo UI for Angular Forum
5 answers
1.2K+ views

Hi

I'm trying to create a grid which has a mixture of multi-column headers and normal headers. I don't know the number / type of columns at design time so I'm using an array and trying to loop round the columns using a recursive template shown below.

 

<kendo-grid #grid [data]="result.rows"
      [navigable]="true">
    <ng-container *ngTemplateOutlet="recursiveColumns; context:{ columns: result.columns }">
    </ng-container>
</kendo-grid>
 
<ng-template #recursiveColumns let-cols="columns">
  <ng-container *ngFor="let c of cols">
      <kendo-grid-column
          *ngIf="!c.isGroup"
          field="{{c.field}}"
          title="{{c.title}}"
          [locked]="c.isLocked || false">
      </kendo-grid-column>
      <kendo-grid-column-group
          *ngIf="c.isGroup"
          title="{{c.title}}">
          <ng-container *ngTemplateOutlet="recursiveColumns; context:{ columns: c.columns }"></ng-container>
      </kendo-grid-column-group>
  </ng-container>
</ng-template>

Unfortunately the columns / groups do not get rendered. As far as I can tell my template is correct - everything is displayed correctly if I change the page to write out nested divs instead.

Please can you let me know if what I'm trying to achieve is possible? and if so,what changes I need to make to get it to work.

 

Thanks

Keith

Martin Bechev
Telerik team
 answered on 15 Aug 2023
1 answer
203 views

I have update the kendo ui angular to 13.2.1  the scheduler throw this  error "the required europe/london time zone not provided"

when I remove the timezone='europe/london' then it working fine.

any solution for fix timezone ?

i have attached the screenshots

 

 

Martin Bechev
Telerik team
 answered on 14 Aug 2023
1 answer
130 views

I have a button for my grid that serves to toggle the column position.

However, after I change the position by moving them with the 'reorderable' property, my button doesn't work.

I created an example to make it clearer:

https://stackblitz.com/edit/angular-jcbhse-m3a9zm?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fproducts.ts

Tsvetelina
Telerik team
 answered on 14 Aug 2023
2 answers
252 views

I have tabular data in DIV elements. The data being displayed in table is from rich textbox, so some columns have longer content than other, due to which kendo pdf automatically break the page (which is fine) and remaining content displayed on second page.

The issue is content on 2nd page shift to the left columns since those columns doesn't have any data on second page.

How to make sure kendo respect the columns and keeps the data in same column after page break.

https://angular-kendo-export-pdf-svacsk.stackblitz.io/

 

 

Martin Bechev
Telerik team
 answered on 14 Aug 2023
1 answer
324 views
My users will enter a date and time in UTC and this data will be stored in a form. However, the component uses local time instead of UTC.

If the user enters  2023-08-09 15:00:00, I want it to be save as 2023-08-09T15:00:00.
Yanmario
Telerik team
 answered on 14 Aug 2023
1 answer
255 views

If the [maxResizableWidth] value is set on a column, then autosizing functions should not make the column wider than that (or narrower in the case of a minResizableWidth)

Simeon
Telerik team
 answered on 09 Aug 2023
1 answer
168 views
I have a Angular form which contains two autocomplete fields. Both share same reference and call same function. autocomplete.toggle(false) is working for first field but not for the second one.
Hetali
Telerik team
 answered on 08 Aug 2023
1 answer
870 views

Hi there,

I'm using a Kendo Window for a form and when a vertical scrollbar is necessary, the action buttons (save, cancel) are not visible because you have to scroll to the bottom to see them. How could I get them to stay fixed?

Thank you

Hetali
Telerik team
 answered on 08 Aug 2023
1 answer
120 views

min' since it isn't a known property of 'kendo-chart-value-axis-item-labels

 


<kendo-chart-value-axis>
	<kendo-chart-value-axis-item >
		<kendo-chart-value-axis-item-labels [content]="utilsService.label" [min]="minVal">
		</kendo-chart-value-axis-item-labels>
	</kendo-chart-value-axis-item>
</kendo-chart-value-axis>

 

Hetali
Telerik team
 answered on 08 Aug 2023
1 answer
407 views
Is it possible to add a textbox into a toolbar component?
Hetali
Telerik team
 answered on 07 Aug 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?