如何在sw-data-grid自定义扩展模板中获取行记录的ID？

要获取当前行记录的id_of_the_item，你需要利用sw-data-grid插槽提供的当前行上下文数据，具体操作如下：

• 修改actions插槽的定义，通过解构语法接收当前行的item对象：
  将<template v-slot:actions>改为<template v-slot:actions="{ item }"，这样就能直接访问当前行的所有数据字段。
• 在点击事件中，通过item.id_of_the_item获取目标ID并传递给方法。

修改后的完整代码示例：

<sw-data-grid :dataSource="records">
  <template v-slot:actions="{ item }">
    <sw-button v-on:click="open_popup_box( item.id_of_the_item )">Edit</sw-button>
  </template>
</sw-data-grid>

原理说明：sw-data-grid的行级插槽（包括actions）会自动将当前行的数据源对象作为上下文参数暴露出来，通过插槽解构获取item后，就能直接访问该行的任意字段。

内容的提问来源于stack exchange，提问作者Softound Solutions