我是一个新手,正在寻找一些关于如何在Mudblazor表上实现可拖动行的指导。我在Mudblazor的API文档中没有看到任何关于这个主题的文档。如果可能的话,我宁愿不使用JS。有人对我将如何做到这一点有什么见解吗?或者我可以阅读任何资源吗?
kb5ga3dv1#
没有现成的完美解决方案,您可以尝试使用Dropzone和SimpleTable,但这会将标题与行分开,因此您必须找到正确的列大小。
<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
1条答案
按热度按时间kb5ga3dv1#
没有现成的完美解决方案,您可以尝试使用Dropzone和SimpleTable,但这会将标题与行分开,因此您必须找到正确的列大小。
在这里试试:https://try.mudblazor.com/snippet/wkcxYFRlqLyfsQlu