table标签不能在移动端显示

这个说法并不完全正确。事实上，HTML中的table标签是可以在移动端显示的，但是在移动设备上，由于屏幕尺寸较小，表格可能会出现水平滚动条或单元格压缩变形等问题，从而影响用户的体验。

为了解决这些问题，可以使用CSS来对表格进行适当的样式调整，以适应移动设备的屏幕尺寸。例如，可以设置表格的宽度为100%、单元格的最小宽度、行高等样式，来使表格在不同设备上都能够合适地显示。

此外，还可以考虑使用响应式表格插件，例如TableSorter、DataTables等，它们可以自动根据屏幕尺寸来调整表格的布局和样式，提高用户的体验。

相关问题

table标签不能在手机浏览器中显示

这个说法是不正确的。事实上，HTML中的table标签是可以在手机浏览器中正常显示的。但是，在移动设备上，由于屏幕尺寸较小，表格可能会出现水平滚动条或单元格压缩变形等问题，从而影响用户的体验。

为了解决这些问题，可以使用CSS来对表格进行适当的样式调整，以适应移动设备的屏幕尺寸。例如，可以设置表格的宽度为100%、单元格的最小宽度、行高等样式，来使表格在不同设备上都能够合适地显示。

此外，还可以考虑使用响应式表格插件，例如TableSorter、DataTables等，它们可以自动根据屏幕尺寸来调整表格的布局和样式，提高用户的体验。因此，使用table标签来创建表格在手机浏览器中并不是一个问题，只需要在样式上做一些适配就可以了。

html 对象数组显示在table标签上

要将一个 HTML 对象数组显示在表格（table）标签上，可以按照以下步骤进行：

1. 创建一个 table 标签，并添加表头（thead）和表体（tbody）标签：

<table>
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

2. 遍历对象数组，将每个对象的属性值添加到一个 tr（表格行）标签中，然后将该 tr 标签添加到表体（tbody）标签中：

let data = [
  {col1: '值1', col2: '值2', col3: '值3'},
  {col1: '值4', col2: '值5', col3: '值6'},
  {col1: '值7', col2: '值8', col3: '值9'}
];

let tbody = document.querySelector('tbody');

data.forEach(item => {
  let tr = document.createElement('tr');
  tr.innerHTML = `
    <td>${item.col1}</td>
    <td>${item.col2}</td>
    <td>${item.col3}</td>
  `;
  tbody.appendChild(tr);
});

3. 将表格显示在页面中。

完整的示例代码如下：

<table>
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

<script>
  let data = [
    {col1: '值1', col2: '值2', col3: '值3'},
    {col1: '值4', col2: '值5', col3: '值6'},
    {col1: '值7', col2: '值8', col3: '值9'}
  ];

  let tbody = document.querySelector('tbody');

  data.forEach(item => {
    let tr = document.createElement('tr');
    tr.innerHTML = `
      <td>${item.col1}</td>
      <td>${item.col2}</td>
      <td>${item.col3}</td>
    `;
    tbody.appendChild(tr);
  });
</script>