javascript - Vue Simple Table强制每个单元2或3列

Question

我有以下v-simple表，并将v-chip和v-badges添加到单元格中。我想知道是否有一种方法可以强制两列或三列对等单元格列，以便它们都相应地对齐。
表:

到目前为止，我只有一种风格。

<style scoped>
.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;
}

Answer 1

您可以在单元格内使用嵌套表，即td可以包含完整的表结构，包括<table>，<tr>和<td>