在显示表格数据时将其转换为另一种数据格式

可以通过使用JavaScript来实现将表格数据转换为另一种数据格式。下面是一个简单的示例代码：

HTML代码：

<table id="data-table">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Salary</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>30</td>
      <td>50000</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>25</td>
      <td>45000</td>
    </tr>
  </tbody>
</table>

<div id="converted-data"></div>

JavaScript代码：

const dataTable = document.getElementById('data-table');
const convertedData = document.getElementById('converted-data');

// 将表格数据转换为JSON格式
function convertToJSON() {
  const headers = [];
  const rows = [];

  // 获取表格的标题
  for (let i = 0; i < dataTable.rows[0].cells.length; i++) {
    headers[i] = dataTable.rows[0].cells[i].innerText.toLowerCase();
  }

  // 获取表格的数据行
  for (let i = 1; i < dataTable.rows.length; i++) {
    const row = {};
    for (let j = 0; j < dataTable.rows[i].cells.length; j++) {
      row[headers[j]] = dataTable.rows[i].cells[j].innerText;
    }
    rows.push(row);
  }

  return rows;
}

// 显示转换后的数据
function displayConvertedData() {
  const data = convertToJSON();
  let html = '<ul>';

  for (let i = 0; i < data.length; i++) {
    html += '<li>';
    html += 'Name: ' + data[i].name + '<br>';
    html += 'Age: ' + data[i].age + '<br>';
    html += 'Salary: ' + data[i].salary + '<br>';
    html += '</li>';
  }

  html += '</ul>';

  convertedData.innerHTML = html;
}

// 在页面加载时显示转换后的数据
window.onload = function() {
  displayConvertedData();
};

上面的代码将表格数据转换为JSON格式，并将转换后的数据显示为HTML列表。根据需要可以自定义转换成其它格式。