MudTable 使表格行可拖动答案

【问题标题】：MudTable make table rows draggableMudTable 使表格行可拖动
【发布时间】：2022-06-20 17:41:55
【问题描述】：

我想用 MudTable 创建可拖动的表格行。为了能够在 tr 元素上设置可拖动属性，我使用了 ChildRowContent 并将 RowTemplate 留空，因为 RowTemplate 将自动生成 tr 元素，无法设置可拖动等属性。

<ChildRowContent>
    <MudTr draggable="true"
                ondragover="event.preventDefault();"
                ondragstart="event.dataTransfer.setData('', event.target.id);"
                @ondrop="HandleDrop"
                @ondragenter="HandleDragEnter"
                @ondragleave="HandleDragLeave">
        <MudTd>Col</MudTd>
    </MudTr>
</ChildRowContent>

但不幸的是，当我拖动一个表格行时，它似乎拖动了整个表格。使用 MudTable 是否有更简单的方法来实现这一点？

【问题讨论】：

这似乎是由在表格列中使用的 MudButton 上的 mat-ripple 类引起的。

标签： html drag-and-drop blazor mudblazor

【解决方案1】：

问题似乎是由列内的一个元素引起的，该元素正在渲染带有“map-ripple”类的 a。通过设置可以解决这个问题。现在，当我拖动一行时，它只会拖动该行，而不是 UI 的其他部分。

【讨论】：