According to the doc (https://docs.telerik.com/blazor-ui/components/grid/columns/width),
"When all column widths are explicitly set and the cumulative column width is greater than the available Grid width, a horizontal scrollbar appears and all set column widths are respected."
I have a grid with a width of 1500px and a cumulative column width of 1750 pixels:
<TelerikGrid Data="@datos"
Class="ns-grid-fitxatges"
PageSize="10"
Pageable="true"
Sortable="true"
Width="1500px"
Height="60vh">
<GridColumns>
<GridColumn Field="@nameof(LlistaFitxatgesDto.CodiInternActivitat)" Title="Codi Intern" Width="150px" />
<GridColumn Field="@nameof(LlistaFitxatgesDto.CodiExternActivitat)" Title="Codi Extern" Width="250px" />
<GridColumn Field="@nameof(LlistaFitxatgesDto.Activitat)" Width="300px" />
<GridColumn Field="@nameof(LlistaFitxatgesDto.HoraFitxatge)" Title="@Loc["Fitxatge"]" Width="150px">
<Template>
@{
var hora = (context as LlistaFitxatgesDto).HoraFitxatge.DateTime;
<span>@hora.ToString("dd/MM/yyyy HH:mm:ss")</span>
}
</Template>
</GridColumn>
<GridColumn Field="@nameof(LlistaFitxatgesDto.Sessio)" Title="@Loc["SessiĆ³"]" Width="180px" />
<GridColumn Field="@nameof(LlistaFitxatgesDto.Sentit)" Title="@Loc["Sentit"]" Width="80px" />
<GridColumn Field="@nameof(LlistaFitxatgesDto.TipusDocument)" Title="@Loc["DOC"]" Width="70px" />
<GridColumn Field="@nameof(LlistaFitxatgesDto.DocParticipant)" Title="@Loc["Document"]" Width="90px" />
<GridColumn Field="@nameof(LlistaFitxatgesDto.Nom)" Title="@Loc["Nom"]" Width="90px" />
<GridColumn Field="@nameof(LlistaFitxatgesDto.Cognom1)" Title="@Loc["Cognom1"]" Width="90px" />
<GridColumn Field="@nameof(LlistaFitxatgesDto.Cognom2)" Title="@Loc["Cognom2"]" Width="90px" />
<GridColumn Field="@nameof(LlistaFitxatgesDto.Metode)" Title="@Loc["Metode"]" Width="80px" />
<GridColumn Field="@nameof(LlistaFitxatgesDto.RutaXml)" Title="XML" Width="60px">
<Template>
@{
var ruta = (context as LlistaFitxatgesDto).RutaXml;
<a href="@ruta">XML</a>
}
</Template>
</GridColumn>
<GridColumn Field="@nameof(LlistaFitxatgesDto.Terminal)" Title="Terminal" Width="70px" />
</GridColumns>
</TelerikGrid>
The horizontal scroll bar appears all right, but the column widths are not respected. As shown in the image, the columns on the right are squeezed
Any clues?
Thanks in advance