Tenga en cuenta que este control ha quedado obsoleto y reemplazado con el componente Grid y, como tal, recomendamos migrar a ese control. Esto no recibirá ninguna característica nueva, las correcciones de errores no tendrán prioridad. Para obtener ayuda o preguntas sobre la migración de su código base a Data Grid, comuníquese con el soporte.

    Blazor Horizontal Scrolling

    La Ignite UI for Blazor admite el desplazamiento horizontal si se configura el ancho total de las columnas en un valor mayor que el ancho de la cuadrícula de datos Blazor.

    Ejemplo de desplazamiento horizontal Blazor

    EXAMPLE
    MODULES
    DATA GENERATOR
    DATA SOURCE
    RAZOR
    CSS

    ¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Blazor completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.

    Configuración del ancho de columna predeterminado

    <IgbDataGrid Height="100%" Width="100%"
        DataSource="DataSource"
        DefaultColumnMinWidth="300" />
    razor

    Configuración de anchos de columnas individuales

    <IgbDataGrid Height="100%" Width="100%"
        DataSource="DataSource"
        AutoGenerateColumns="false">
        <IgbTextColumn Field="FirstName" Width="300" />
        <IgbTextColumn Field="LastName" Width="300" />
        <IgbNumericColumn Field="Age" Width="300" />
        <IgbDateTimeColumn Field="Birthday" Width="300" />
        <IgbTextColumn Field="Street" Width="300" />
        <IgbTextColumn Field="City" Width="300" />
        <IgbNumericColumn Field="Salary" Width="300" />
        <IgbNumericColumn Field="Sales" Width="300" />
    </IgbDataGrid>
    razor

    Referencias de API