title: Vue Simple Table force 2 or 3 columns per cell
body: <p>I have the following v-simple table and I am adding v-chip and v-badges to the cells.  I am wondering if there is a way to force a two or three column peer cell column so that they all align accordingly.</p>
  <p>Table:
  <a href="https://i.stack.imgur.com/OFCyx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OFCyx.png" alt="enter image description here" /></a></p>
  <p>I have a style scoped only so far.</p>
  <pre><code>&lt;style scoped&gt;
  .time-slot-x-small {
    border-radius: 8px;
    font-size: 10px;
    height: 16px;
    background: #e0e0e0;
    padding: 1px 3px 1px 5px;
    margin: 2px 2px 0px 0px;
    color: black;
  }
  table {
    width: 100%;
    border-collapse: collapse;
  }
  
  table, th, td {
    border: 1px solid lightgray;
  }
  </code></pre>