Skip to main content

LgGridTimeColumn

LgGridTimeColumn<TColumnValue> displays and edits times or durations. TColumnValue can be DateTime, TimeSpan, or their nullable versions.

<Columns Context="item">
    <LgGridTimeColumn @bind-Value="item.StartTime"
                      Title="#StartTime"
                      IgnoreSeconds="true" />
</Columns>
  • NuGet package : Lagoon.UI.GridView

Common parameters are documented in LgGridBaseColumn.

Specific parameters​

NameTypeDefaultDescription
IgnoreSecondsbooltrueHides seconds and displays the HH:mm format.

Usage​

Time or duration without seconds​

GridTimeColumnPage.razor
@inherits LgPage

<LgGridView StateId="orders-time-column"
            Items="_orders"
            EditMode="GridEditMode.Cell"
            Title="#OrdersGridTitle">
    <Columns Context="item">
        <LgGridTextColumn @bind-Value="item.Number" Title="#OrderNumber" />
        <LgGridTimeColumn @bind-Value="item.StartTime"
                          Title="#StartTime"
                          IgnoreSeconds="true"
                          CanEdit="true" />
        <LgGridTimeColumn @bind-Value="item.Duration"
                          Title="#Duration"
                          IgnoreSeconds="false" />
    </Columns>
</LgGridView>

Use IgnoreSeconds="false" when second precision is needed for technical durations.

Filter​

Time/duration filter.

Associated enumerations​

The enumerations inherited from LgGridView used in the examples (GridEditMode) are documented in LgGridView.

Complete reference

Generated from sources: API reference — LgGridTimeColumn.