【问题标题】:Clickable row with Shopify Polaris DataTable带有 Shopify Polaris DataTable 的可点击行
【发布时间】:2020-09-02 04:37:20
【问题描述】:

有没有办法让Shopify Polaris DataTable 的行可以点击?

【问题讨论】:

    标签: datatable shopify shopify-app polaris


    【解决方案1】:

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

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

    请看下面的链接:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多