Mudblazor 表格可拖动行

Question

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

Answer 1

没有开箱即用的完美解决方案。 您可以尝试使用Dropzone和SimpleTable ，但这会将 header 与行分开，因此您必须为列找到正确的大小。

<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