您如何样式/修改标题组件的拖动元素？

Question

我正在使用ag-grid-react 22.1.1和ag-grid-community 22.1.1。

我想对试图重新排序表的列时显示的元素进行样式设置。另外，是否可以更改传递到拖动组件中的数据？据我所知，它始终是显示名称。

Image of component I want to style/modify

Answer 1

看看这个小家伙：https://plnkr.co/edit/wEonbfGUwxhu7hOGWSDx?p=preview

我想设置当您尝试重新排序表的列时显示的元素的样式。

拖动任何列时，div.ag-dnd-host被添加为正文的最后一个元素。您可以将样式应用于该家伙。

.ag-dnd-ghost {
  background-color: yellow !important;
}

是否可以更改传递到拖动组件中的数据？据我所知，它始终是显示名称。

您说得对，AFAIK，无法更改此处传递的数据。