Problems with the adaptive grid
Sorry for my English.
I have the following problem, I have a grid with more than 3 columns but when making it responsive they only show me two columns and the following columns are hidden, although I can only slide the rows the columns remain static I leave my example code.
<div class="mt-5" style="position:relative; min-height: 500px; width:auto">
<SfGrid TValue="RelevamientoEquipo" EnableAdaptiveUI="true" DataSource="@GridData" Height="100%" Width="100%" AllowPaging="false">
<GridPageSettings PageSize="10" />
<GridEvents OnRecordDoubleClick="OnRowDoubleClick" TValue="RelevamientoEquipo" />
<GridColumns>
<GridColumn Field=@nameof(RelevamientoEquipo.IdChamigo) HeaderText="IdChamigo" Visible="false" IsPrimaryKey="true" TextAlign="TextAlign.Justify" />
<GridColumn Field=@nameof(RelevamientoEquipo.NombreComercial) HeaderText="Nombre comercial" TextAlign="TextAlign.Justify" Width="150" />
<GridColumn Field=@nameof(RelevamientoEquipo.NombreEquipo) HeaderText="Nombre equipo" TextAlign="TextAlign.Justify" Width="150" />
<GridColumn Field=@nameof(RelevamientoEquipo.Fecha) HeaderText="Fecha" TextAlign="TextAlign.Justify" />
<GridColumn Field=@nameof(RelevamientoEquipo.Activo) HeaderText="Estado" Width="150">
<Template>
@{ var modelo = (context as RelevamientoEquipo);
if (modelo.Activo == true)
{
<div class="statustemp e-activecolor">
<span class="statustxt e-activecolor">Activo</span>
</div>
}
else
{
<div class="statustemp e-inactivecolor">
<span class="statustxt e-inactivecolor">Inactivo</span>
</div>
}
}
</Template>
</GridColumn>
<GridColumn HeaderText="Acciones" TextAlign="TextAlign.Center" Width="110">
<Template>
@{ var modelo = (context as RelevamientoEquipo);
<SfButton OnClick="@(() => OnCommandClicked(modelo, "edit"))" IconCss="e-icons e-edit" CssClass="e-flat"></SfButton>
}
</Template>
</GridColumn>
</GridColumns>
</SfGrid>
</div>
the columns stay fixed how can i make them move like the records in the table.?
