如何在同一页中用链接显示表格？

<a id="showTableLink" href="#">显示表格</a>

<table id="myTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
    <tr>
      <td>数据4</td>
      <td>数据5</td>
      <td>数据6</td>
    </tr>
  </tbody>
</table>

#myTable {
  display: none;
}

#showTableLink {
  text-decoration: none;
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border-radius: 5px;
}

#showTableLink:hover {
  background-color: #0056b3;
}

document.getElementById('showTableLink').addEventListener('click', function() {
  var table = document.getElementById('myTable');
  if (table.style.display === 'none') {
    table.style.display = 'table';
  } else {
    table.style.display = 'none';
  }
});