在.onClick中创建一个弹出框，有个按钮控制弹出框显示隐藏，弹出框右上角有关闭按钮，弹出框中有4*4表格，最后一列是一个按钮，按钮点击会返回当前行的信息，表格之间有分割线，背景为灰色 代码：const objectUUIDRenew = new UIButton( '选择' ).setMarginLeft( '7px' ).onClick( function () { objectUUID.setValue( dom.tableData[0].dataId ); console.log('更新',editor,objectData,dom,objectData.userData.twinData.dataType); objectData.userData.twinData.dataId = dom.tableData[0].dataId } );、

你的问题是如何在.onClick中创建一个弹出框，其中有一个按钮控制弹出框的显示和隐藏，弹出框右上角有关闭按钮，弹出框中有4*4表格，最后一列是一个按钮，按钮点击会返回当前行的信息，表格之间有分割线，背景为灰色，对吧？

你可以先创建一个 div 元素，设置其样式为弹出框的样式，如设置其宽度、高度、背景色、边框样式等。然后，你可以将需要展示的表格放到这个 div 中，并设置表格的样式，如设置表格的边框样式、行高、列宽等。

接着，你可以在这个 div 中添加一个按钮，用来控制弹出框的显示和隐藏。你可以在按钮的 onClick 事件中，切换该 div 的 visibility 属性，使其在点击按钮时显示或隐藏。

最后，在弹出框的右上角，你可以添加一个关闭按钮。同样，在该按钮的 onClick 事件中，你可以将该 div 的 visibility 属性设置为 "hidden"，以关闭弹出框。

至于表格中最后一列的按钮如何返回当前行的信息，你可以在该按钮的 onClick 事件中，获取当前行的数据并进行处理，例如将该行数据打印到控制台上或者将其传递给其他函数进行处理。

下面是参考代码：

// 创建弹出框元素
const popup = document.createElement('div');
popup.style.width = '500px';
popup.style.height = '400px';
popup.style.backgroundColor = '#ccc';
popup.style.border = '1px solid #666';

// 创建表格元素
const table = document.createElement('table');
table.style.borderCollapse = 'collapse';
table.style.width = '100%';
table.style.height = '100%';

// 创建表头
const thead = document.createElement('thead');
const tr = document.createElement('tr');
const th1 = document.createElement('th');
th1.textContent = '列1';
const th2 = document.createElement('th');
th2.textContent = '列2';
const th3 = document.createElement('th');
th3.textContent = '列3';
const th4 = document.createElement('th');
th4.textContent = '操作';
tr.appendChild(th1);
tr.appendChild(th2);
tr.appendChild(th3);
tr.appendChild(th4);
thead.appendChild(tr);

// 创建表格内容
const tbody = document.createElement('tbody');
for (let i = 0; i < 4; i++) {
  const tr = document.createElement('tr');
  const td1 = document.createElement('td');
  td1.textContent = `行${i + 1}-列1`;
  const td2 = document.createElement('td');
  td2.textContent = `行${i + 1}-列2`;
  const td3 = document.createElement('td');
  td3.textContent = `行${i + 1}-列3`;
  const td4 = document.createElement('td');
  const btn = document.createElement('button');
  btn.textContent = '返回';
  btn.addEventListener('click', () => {
    console.log(`行${i + 1}的数据为：${td1.textContent} ${td2.textContent} ${td3.textContent}`);
  });
  td4.appendChild(btn);
  tr.appendChild(td1);
  tr.appendChild(td2);
  tr.appendChild(td3);
  tr.appendChild(td4);
  tbody.appendChild(tr);
}

// 将表头和表格内容添加到表格中
table.appendChild(thead);
table.appendChild(tbody);

// 将表格添加到弹出框中
popup.appendChild(table);

// 创建控制弹出框显示隐藏的按钮
const toggleBtn = document.createElement('button');
toggleBtn.textContent = '显示/隐藏弹出框';
toggleBtn.addEventListener('click', () => {
  popup.style.visibility = popup.style.visibility === 'hidden' ? 'visible' : 'hidden';
});

// 创建关闭按钮
const closeBtn = document.createElement('button');
closeBtn.textContent = 'X';
closeBtn.style.position = 'absolute';
closeBtn.style.top = '5px';
closeBtn.style.right = '5px';
closeBtn.addEventListener('click', () => {
  popup.style.visibility = 'hidden';
});

// 将按钮添加到弹出框中
popup.appendChild(toggleBtn);
popup.appendChild(closeBtn);

// 将弹出框添加到页面中
document.body.appendChild(popup);