Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

DataGrid HierarchyColumn missing content/arrow in Cell edit mode

See original GitHub issue

Bug type

Component

Component name

HierarchyColumn

What happened?

When adding <HierarchyColumn /> to a datagrid, arrows do not show.

Expected behavior

DataGrid should show a Expand/Collapse arrow

I think it can be fixed, by adding an <EditTemplate> to https://github.com/MudBlazor/MudBlazor/blob/dev/src/MudBlazor/Components/DataGrid/HierarchyColumn.razor

Reproduction link

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

Reproduction steps

Add the following to a DataGrid:

<MudDataGrid Items="@Elements" ReadOnly="false" EditMode="@DataGridEditMode.Cell">
    <Columns>
        <HierarchyColumn T="Element" />

Relevant log output

No response

Version (bug)

6.1.5

Version (working)

No response

What browsers are you seeing the problem on?

Chrome

On what operating system are you experiencing the issue?

Windows

Pull Request

I would like to do a Pull Request

Code of Conduct

I agree to follow this project’s Code of Conduct

Issue Analytics

State:
Created 9 months ago
Comments:6 (3 by maintainers)

Top GitHub Comments

2reactions

HClausingcommented, Feb 9, 2023

Hello @LccBuild ,

It’s caused by ReadOnly="false".

In my opinion, it can be fixed working here:

I would like to contribute on this issue, if @MudBlazor/core-team accepts.

1reaction

LccBuildcommented, Mar 7, 2023

I’m currently using this workaround:

` <Columns>

        <MudBlazor.Column T="MyType" Tag="@("hierarchy-column")" Sortable="false" Resizable="false" ShowColumnOptions="false" HeaderStyle="width:0%" FieldType="@typeof(object)">
            <EditTemplate>
                <MudToggleIconButton Size="Size.Small" ToggledSize="Size.Small" ToggledChanged="@context.Actions.ToggleHierarchyVisibilityForItem"
                                     Icon="@Icons.Material.Filled.KeyboardArrowRight"
                                     ToggledIcon="@Icons.Material.Filled.KeyboardArrowDown" />
            </EditTemplate>
        </MudBlazor.Column>`