asp.net Mudblazor表可拖动行

mm9b1k5b  于 2023-02-01  发布在  .NET
关注(0)|答案(1)|浏览(142)

我是一个新手,正在寻找一些关于如何在Mudblazor表上实现可拖动行的指导。我在Mudblazor的API文档中没有看到任何关于这个主题的文档。如果可能的话,我宁愿不使用JS。有人对我将如何做到这一点有什么见解吗?或者我可以阅读任何资源吗?

kb5ga3dv

kb5ga3dv1#

没有现成的完美解决方案,您可以尝试使用DropzoneSimpleTable,但这会将标题与行分开,因此您必须找到正确的列大小。

<MudDropContainer T="string" Items="@rows" ItemsSelector="@((item,dropzone) => true)" Class="d-flex flex-wrap flex-grow-1">
    <ChildContent>
        <MudSimpleTable Style="overflow-x: auto;">
            <thead>
                <tr><th>ID</th></tr>
            </thead>
            <tbody>
                <MudDropZone T="string" Identifier="dropzone" Class="flex-grow-1" AllowReorder="true" />
            </tbody>
        </MudSimpleTable>
    </ChildContent>
    <ItemRenderer>
        <tr>
            @foreach (var x in @context.Split())
            {
                <td>@x</td>
            }
        </tr>
    </ItemRenderer>
</MudDropContainer>

@code {
    string[] rows = {
        "1","2","3","4","5","6","7","8","9","10"
    };
}

在这里试试:https://try.mudblazor.com/snippet/wkcxYFRlqLyfsQlu

相关问题