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

• IgbGrid