[Vuejs]-Two tables overlapping each other html

by

0👍

✅

I have attached a working example here http://jsfiddle.net/whjnt5o2/1/

th, td {
  border: 1px solid black;
  box-sizing: border-box;
  height: 100px;
  width: 100px;
  text-align: center;
}

table{
  border-spacing: 0;
}

table.background-table{
  position: absolute;
}

table.background-table th, table.background-table td {
  border: 1px dashed gray;
  top: 0;
}
<div>
<table class="background-table">
  <thead>
    <tr>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tbody>
</table>
<table>
  <thead>
    <tr>
      <th>H1</th>
      <th>H2</th>
      <th>H3</th>
      <th>H4</th>
      <th>H5</th>
    </tr>
  </thead>
  <tbody>
    <td colspan="3">
      Cell1
    </td>
    <td colspan="2">
      Cell2
    </td>
  </tbody>
</table>
</div>

Leave a comment