Skip to main content

LgGridColorColumn

LgGridColorColumn<TColumnValue> edits a color from a palette. It is useful for themes, visual statuses, or color codes.

<Columns Context="item">
    <LgGridColorColumn @bind-Value="item.Color"
                       Title="#Color"
                       Palette="_palette" />
</Columns>
  • NuGet package : Lagoon.UI.GridView

Common parameters are documented in LgGridBaseColumn.

Usage​

Demo​

Try this component in the Lagoon showcase.

Custom palette​

GridColorColumnPage.razor
@inherits LgPage

<LgGridView StateId="orders-color-column"
            Items="_orders"
            EditMode="GridEditMode.Cell"
            Title="#OrdersGridTitle">
    <Columns Context="item">
        <LgGridTextColumn @bind-Value="item.Number" Title="#OrderNumber" />
        <LgGridColorColumn @bind-Value="item.Color"
                           Title="#Color"
                           Palette="_palette"
                           CanEdit="true"
                           DefaultWidth="80px" />
    </Columns>
</LgGridView>
GridColorColumnPage.razor.cs
public partial class GridColorColumnPage : LgPage
{
    // Palette limited to authorized business colors in the grid.
    private readonly List<string> _palette = new() { "#198754", "#ffc107", "#dc3545" };
}

Filter​

No built-in filter.

Associated enumerations​

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

Complete reference

Sheet generated from the sources: API Reference — LgGridColorColumn.