Grid.razor

@namespace DataJuggler.Blazor.Components
@using DataJuggler.UltimateHelper
@using DataJuggler.Excelerate;
@using DataJuggler.Blazor.Components
@using BlazorStyled

<Styled @bind-Classname=@GridStyle>    
    background-color: @GridBackColor;
    height: @HeightStyle;
    line-height: 2vh;
    font-size: @FontSizeStyle;
    width: @WidthStyle;
    overflow: hidden;
    position: @Position;
    left: @LeftStyle;
    top: @TopStyle;
</Styled>

@if (ShowHeader)
{
    <div class="@HeaderClassName">
        @HeaderText
    </div>
}

@if ((ShowColumnHeaders) && (HasColumns))
{
    <div class="@HeaderClassName">        
        @foreach (Column column in Columns)
        {
            <div class="@column.ClassName">@column.Caption</div>
        }
    </div>
}

<div class="@ClassName @GridStyle">
    
    @if (HasRows)
    {  

        @foreach (Row row in Rows)
        {
            // if the row has columns
            if (row.HasColumns)
            {
                <div class="@row.ClassName">

                @foreach (Column column in row.Columns)
                {
                    if (column.IsImageButton)
                    {
                        <ImageButton ClickHandler=@ButtonClickHandler Unit="@column.Unit" ImageUrl="@column.ButtonUrl" 
                        Width="@column.Width" Height="@column.Height" ButtonNumber=@column.ButtonNumber Name="Button"
                        ButtonText="@column.ColumnText" Visible=true Parent="this"></ImageButton>
                    }
                    else if ((row.EditMode) && (!column.ReadOnly) && (column.EditMode))
                    {
                        <div class="displayinline @column.ClassName">
                        <TextBoxComponent Name=column.ColumnName Unit="@column.Unit" Width=column.Width 
                            Height=column.Height RowId=row.Id ColumnId=column.Id ZIndex="@column.ZIndex"
                            SetFocusOnFirstRender=column.SetFocusOnFirstRender ClassName="@column.EditorClassName"
                            Text="@column.EditorText"  Parent=this></TextBoxComponent>
                        </div>
                    }
                    else if (EnableClick)
                    {
                        <div class="down0 @column.ClassName" @onclick="() => OnClick(row, column.ColumnNumber)">@column.ColumnText</div>
                    }
                    else
                    {
                        <div class="down0 @column.ClassName" @ondblclick="() => OnDoubleClick(row, column.ColumnNumber)">@column.ColumnText</div>
                    }
                }
                </div>

                <br />
            }
        }    
    }
</div>