2

有什么方法可以使Shopify Polaris DataTable的行可点击?

shopify 北极星数据表

4

1 回答 1

1

使行可点击不是本机的可能性,但是您似乎仍然有一些选择:

  1. 直接在 DOM 上添加事件侦听器以触发您的操作(但有点反模式与反应)。
  2. 对于字符串数据,您可以在rows数组中添加 dom(也可能是组件)元素。您可以定义您的函数并用<div onClick="..."></div>. 为了使 UX 更好并使整行可点击(而不仅仅是其内容),您需要在包装 div 中添加一些自定义 css,使其超出初始 Polaris 单元格填充。

请参阅下面的链接:

https://codesandbox.io/s/kind-joliot-ich3x?file=/App.js

于 2020-09-02T23:50:36.317 回答