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>s和<td>s