Разверните кнопку, чтобы покрыть всю ячейку кольспаном и распаном

Question

Мне нужно вставить кнопку внутри ячейки таблицы. Эта кнопка должна полностью соответствовать ячейке.

<td colspan="2" rowspan="2">
   <button class="btn btn-default btn-block m-0" style="height:100%;">
       Button
   </button>
</td>

Я пробовал приведенный выше код, но фактическая кнопка охватывает только первый ряд соединенных ячеек.

Answer 1

Это то, что вы ищете?

Строка кнопок также занимает пространство нижеприведенной строки

<table>
      <thead></thead>
      <tbody>
        <tr>
          <td>Lorem ipsum</td>
          <td>dolor sit amet</td>      
          <td>test3</td>
        </tr>
        <tr>
          <td colspan="2" rowspan="2">
            <button class="btn btn-default btn-block m-0" style="height:100%;">
            Button
           </button>
          </td>
          <td>test3</td>
        </tr>
        <tr>
          <td>Lorem ipsum</td>
          <td>dolor sit amet</td>      
          <td>test3</td>
        </tr>
      </tbody>
    </table>