Skip to main content

LgGridSummaryColumn

LgGridSummaryColumn<TColumnValue> is suited for long text and editable HTML content.

<Columns Context="item">
    <LgGridSummaryColumn @bind-Value="item.Description"
                         Title="#Description"
                         TextareaHeight="240"
                         UseHtmlEditor="false" />
</Columns>
  • NuGet package : Lagoon.UI.GridView

Common parameters are documented in LgGridBaseColumn.

Usage​

Demo​

Try this component in the Lagoon showcase.

Long text and line wrapping​

GridSummaryColumnPage.razor
@inherits LgPage

<LgGridView StateId="orders-summary-column"
            Items="_orders"
            WrapContent="true"
            Title="#OrdersGridTitle">
    <Columns Context="item">
        <LgGridTextColumn @bind-Value="item.Number" Title="#OrderNumber" />
        <LgGridSummaryColumn @bind-Value="item.LongComment"
                             Title="#LongComment"
                             AllowSort="true"
                             AllowFilter="true"
                             DefaultWidth="2fr" />
    </Columns>
</LgGridView>

Without WrapContent, the summary stays on a single line. Enable it on the grid when long text must be readable directly in the cell.

Filter​

Long text filter.

Complete reference

Sheet generated from sources: API Reference — LgGridSummaryColumn.