原生table标签动态渲染合并一行简单数据

原生`<table>`标签动态渲染合并行数据通常涉及到JavaScript或相关的前端框架，比如Vue.js、React或Angular等。这里以JavaScript为例，假设你有一个数组对象需要展示，每个对象有多个属性，有些属性对应的值应该显示在同一行中。你可以这样做：

// 假设你有如下数据
const data = [
  { name: '张三', age: 25, address: '北京' },
  { name: '李四', age: 30, city: '上海' },
  { name: '王五', age: 35, address: '广州', city: '深圳' }
];

// 创建HTML模板
let tableHtml = '<table><thead><tr><th>Name</th><th>Age</th></tr></thead>';
tableHtml += '<tbody>';

// 遍历数据并合并行
data.forEach(item => {
  // 如果地址和城市都存在，则合并到一行
  if (item.address && item.city) {
    tableHtml += `<tr><td>${item.name}</td><td>${item.age}</td><td>${item.address} - ${item.city}</td></tr>`;
  } else {
    tableHtml += `<tr><td>${item.name}</td><td>${item.age}</td><td>${item.address ? item.address : '-'}</td><td>${item.city ? item.city : '-'}</td></tr>`;
  }
});

tableHtml += '</tbody></table>';

// 将生成的HTML插入到页面中
document.getElementById('myTable').innerHTML = tableHtml;

在这个例子中，如果遇到`address`和`city`同时存在的情况，会合并这两个字段显示在一行。如果没有某一项，则显示`-`作为占位符。