zui renderTableData

非常抱歉，我之前给出的示例中使用了 jQuery，而你似乎更希望使用 ZUI（一款基于 Bootstrap 的前端框架）来渲染表格数据。下面是一个使用 ZUI 的示例代码：

HTML 代码：

<table id="myTable" class="table">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody></tbody>
</table>

JavaScript 代码：

function renderTableData(data) {
  var tbody = $('#myTable tbody');
  tbody.empty();
  
  data.forEach(function(item) {
    var row = $('<tr></tr>');
    row.append($('<td></td>').text(item.name));
    row.append($('<td></td>').text(item.age));
    
    tbody.append(row);
  });
}

在上述代码中，我们首先在 HTML 中定义了一个表格，其中包含了一个表头和一个空的表体。

然后，在 JavaScript 中定义了 `renderTableData` 函数，传入一个数据数组 `data`。函数首先通过 `$('#myTable tbody')` 获取到表格的 `<tbody>` 元素，并使用 `empty()` 方法清空其内容。

接下来，我们使用 `forEach` 方法遍历数据数组中的每个对象。对于每个对象，我们创建一个 `<tr>` 元素作为表格的一行，并使用 `text()` 方法将姓名和年龄添加到 `<td>` 元素中。最后，将行添加到 `<tbody>` 中。

通过调用 `renderTableData` 函数并传入相应的数据，我们就可以将数据渲染到使用 ZUI 框架的表格中了。

请注意，为了使示例代码正常工作，你需要在 HTML 文件中引入 ZUI 的相关 CSS 和 JavaScript 文件。