[Solved] grid column with %

[ixen]

Hi

I have tried without succes to define column witdth in % ? Could you help me ?

Regards

  <kendo-grid-column field="date" title="{{'page.column.date' | translate | titlecase}}" [width]="25%"></kendo-grid-column>

[Hetali]

Hello Ixen,

The width property of the ColumnComponent only accepts a number which is considered in pixels. To add the width in percent, use the style and the headerStyle property as seen below:

<kendo-grid>
  <kendo-grid-column 
    field="ProductID" 
    [style]="{'width': '25%'}" 
    [headerStyle]="{'width': '25%'}"
  >
  </kendo-grid-column>
</kendo-grid>

In this StackBlitz example, I have assigned the width of the column in percentage.

I hope this helps. Let me know if you have any further questions.

Regards,
Hetali
Progress Telerik