Blazor 水平方向のスクロール

    Ignite UI for Blazor Data Table / Data Grid は、Blazor データ グリッドの幅より大きい列の合計幅を設定することにより Horizontal Scrolling を有効にできます。

    Blazor 水平方向のスクロールの例

    デフォルト列幅の設定

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

    各列の幅の設定

    <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>
    

    API メンバー