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 メンバー

IgbDataGrid