当在antd中开始拖动反应DnD表的特定行时如何显示工具提示？

Question

我正在项目中使用Ant Design的可拖动表格。我想要的是，当某人尝试拖动该表的前2行时，会出现一个弹出窗口或工具提示或某种警报，提示无法拖动它。如果不是那样，至少我希望DragPreview不显示拖动完成的动画，这样很明显这些行并不是要拖动的。

我尝试了许多方法，但是一旦开始拖动过程​​就无法完成任何操作。我特别想在拖动时显示工具提示。

以下是代码沙箱的链接，以产生最小的工作示例：

https://codesandbox.io/embed/dazzling-sammet-e41lf

[有人提示拖动表格的前两行时，工具提示应显示一条消息。

Answer 1

[我发现这是向用户显示此row不可拖动的消息的最快方法。

方法1：

当用户将hover鼠标悬停在无法拖动的行时，它只会变成红色。您可以对此进行自定义。

index.css

.ant-table-body
  tbody[class="ant-table-tbody"]
  tr[style="cursor: default;"]:hover {
  color: red;
}

方法2：

[当用户单击hover不可拖动的行时，它将显示一些消息。您可以根据需要自定义此CSS。

index.css

.ant-table-body
  tbody[class="ant-table-tbody"]
  tr[style="cursor: default;"]:hover
  td:last-child:after {
  color: red;
  content: " THIS ROW IS NOT DRAGGABLE";
  font-size: 16px;
  font-weight: 800;
}