Javascript 将保留按钮添加到表的第4列。链接到灯箱/弹出窗口

我正在Wix建立一个新网站。该页面使用API填充一个简单的4列表。大小、气候、价格和储量。我是。试图找出如何将一个按钮编码到链接到Lightbox“reservation”的第4列（所有行）。reserve按钮不会链接到API，只是一个供客户填写的表单

这就是我现在拥有的。如何将按钮添加到最后一列

import {getLocationInfo} from 'backend/WssApiService';
import {getLocationReviews} from 'backend/WssApiService';
import {getAvailableLocations} from 'backend/WssApiService';


$w.onReady(function () {
getLocationInfo('xxxxx').then(function(locationInfo) {
//console.log(locationInfo);

$w("#table1").rows = [];
let rows = $w("#table1").rows;

locationInfo.Location.Units.sort((a, b) => (a.Monthly > b.Monthly) ? 1 : -1);

for (var i = 0; i < locationInfo.Location.Units.length; i++) {

    var climateControlled = locationInfo.Location.Units[i].SizeDescriptionsField.filter(function(item) {
        return item.includes("Climate") && !item.includes("No Climate");
    });

    //console.log(climateControlled);

    if(climateControlled.length > 0)
    {
       rows.push({Size: locationInfo.Location.Units[i].UnitSize, climate_control : "Yes", Price: '$' + locationInfo.Location.Units[i].Monthly});
    }
    else
    {
        rows.push({Size: locationInfo.Location.Units[i].UnitSize, climate_control : "No",  Price: '$' + locationInfo.Location.Units[i].Monthly});
    }
}

$w("#table1").rows = rows;

从'backend/WssApiService'导入{getLocationInfo}；
从“后端/WssApiService”导入{getLocationReviews}；
从“后端/WssApiService”导入{getAvailableLocations}；
$w.onReady（函数（）{
getLocationInfo（'xxxxx'）。然后（函数（locationInfo）{
//控制台日志（locationInfo）；
$w（“#表1”）。行=[]；
设rows=$w（“#表1”）。行；
locationInfo.Location.Units.sort（（a，b）=>（a.每月>b.每月）？1:-1）；
对于（变量i=0；i0）
{
rows.push（{Size:locationInfo.Location.Units[i].UnitSize，气候控制：“是”，价格：'$'+locationInfo.Location.Units[i].Monthly}）；
}
其他的
{
rows.push（{Size:locationInfo.Location.Units[i].UnitSize，气候控制：“否”，价格：'$'+locationInfo.Location.Units[i].Monthly}）；
}
}
$w（“#表1”）。行=行；

您无法在Wix中向表中插入按钮。请使用中继器，或向表中添加onCellSelect事件处理程序（$w.Table.html#onCellSelect），并使用代码定义位置。

完美答案。这正是我们必须做的。谢谢。