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;
}

标签： javascriptcssvue.jshtml-tablevuetify.js

Answer 1

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