[!Note] このコントロールは非推奨であり、Grid に置き換えられていることに注意してください。そのため、そのコントロールに移行することをお勧めします。これは新しい機能を受け取ることはなく、バグ修正は優先されません。コードベースをデータ グリッドに移行する際のヘルプや質問については、サポートにお問い合わせください。

    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 リファレンス