CSS is not working Blazor MudTable Inline edit

RAMAN RAGAVAN 46 Reputation points
2023-01-16T13:19:52.7966667+00:00

Hi,

i have added a mudtable with inline edit and delete function.Problem is when i am clicking the second row for editing un edited row and header jumping to left side.How can i fix these CSS? please find my blazor app having this issue in below link.I need to make un editable row and header freez while inline edit is activated.

Issue is reproduced below link

https://try.mudblazor.com/snippet/cOwnkPvqeLirEMGT

Blazor
Blazor
A free and open-source web framework that enables developers to create web apps using C# and HTML being developed by Microsoft.
795 questions
C#
C#
An object-oriented and type-safe programming language that has its roots in the C family of languages and includes support for component-oriented programming.
6,999 questions
No comments
{count} votes

Accepted answer
  1. Naimish Makwana 90 Reputation points
    2023-01-18T04:27:10.93+00:00

    Hi Raman,

    Please replace your part of code

    <ColGroup>
            @if (applyButtonPosition.DisplayApplyButtonAtStart() || (editButtonPosition.DisplayEditButtonAtStart() && editTrigger == TableEditTrigger.EditButton))
            {
                <col style="width:50px;" />
            }
    
            <col />
            <col />
            <col style="width:50%;" />
    
    
            @if (applyButtonPosition.DisplayApplyButtonAtEnd() || (editButtonPosition.DisplayEditButtonAtEnd() && editTrigger == TableEditTrigger.EditButton))
            {
    
                <col style="width:88px;" />
            }
    
        </ColGroup>
    

    To

     <ColGroup>
            @if (applyButtonPosition.DisplayApplyButtonAtStart() || (editButtonPosition.DisplayEditButtonAtStart() && editTrigger == TableEditTrigger.EditButton))
            {
                <col style="width:50px;" />
            }
           
            <col style="width:0px;"/>
            <col style="width:0px;"/>
            <col style="width:50%;" />
           
           
            @if (applyButtonPosition.DisplayApplyButtonAtEnd() || (editButtonPosition.DisplayEditButtonAtEnd() && editTrigger == TableEditTrigger.EditButton))
            {
             
                <col style="width:88px;" />
            }
    
        </ColGroup>
    

    Thanks

    Naimish Makwana

    No comments

0 additional answers

Sort by: Most helpful