Question

{{1}}

我想收集我在行中单击的字段的数据。由于这里的数据是动态的，因此我无法使用onClick方法来获取在行中单击的对象。

我的桌子看起来像这样：

table

我想要一个onClick方法，当我单击任何AWB编号时，它会获取它的数据

Answer 1

您可以使用自定义render函数来添加自定义onClick处理程序，如下所示：

columns={[
            { title: "AWB NUMBER", field: "awbno" , render: row => <div onClick={() => console.log(row.awbno)}>{row.awbno}</div>}, // This will be called if this cell is clicked
            { title: "TRANSPORTER", field: "carrier" },
            { title: "SOURCE", field: "from" },
            { title: "DESTINATION", field: "to" },
            { title: "BRAND", field: "carrier" },
            { title: "START DATE", field: "pickup_date" },
            { title: "ETD", field: "" },
            {
              title: "STATUS",
              field: "current_status",
              cellStyle: {
                color: "green",
              },
            },
          ]}
```

在材料表中的字段上单击获取行数据

1 个答案: