<button>内部<table>：

将display: block和width: 100%添加到按钮（使用CSS或JS）将使其扩展以填充其列的宽度：

table {
  border-collapse: collapse;
  border: 2px solid black;
}

td {
  background: yellow;
  padding: 0;
}

button {
  background: cyan;
  width: 100%;
  border: 0;
  display: block;
}

个字符
如果你想用JS来做，它会是这样的：

const button = document.getElementById('myBtn')

button.style.width = '100%';
button.style.display = 'block';

型

<table>后的<button>：

如果你想让按钮在表外，你可以添加一个<div>和display: inline-block，它 Package 了<table>和<button>：

#wrapper {
  display: inline-block;
}

table {
  border-collapse: collapse;
  border: 2px solid black;
}

td {
  background: yellow;
  padding: 0;
}

button {
  background: cyan;
  width: 100%;
  border: 0;
  display: block;
}

<div id="wrapper">
  <table>
    <tr>
      <td>Home</td>
    </tr>
    <tr>
      <td>Service</td>
    </tr>
    <tr>
      <td>Contacts</td>
    </tr>
  </table>

  <button type="button" id='myBtn'>Click</button>
</div>

的字符串