HTML表格单元格在插槽中分割，应占用整个单元格高度

Question

我正在使用一个表格，每个单元格在一个或多个插槽中拆分，如下面的JS Bin所示。

table demo

我想得到的是每个小区都被现有的插槽完全填满，例如： - 红色槽应填充高达100％的单元高度 - 每个棕色和紫色槽应填充50％的单元高度 如果移除或添加插槽，则单元填充应自动适应，例如，如果移除黄色槽，则每个剩余​​的蓝色e橙色槽应填充50％的单元高度 我在网上挖掘了很多，但我找不到任何可行的解决方案。 有什么建议吗？ 感谢

Answer 1

您可以使用css为单元格添加默认高度来实现此目的，并包括全高，半高和三高......等等的类

td,
.full-cell {
  padding: 0 !important;
  height: 70px;
}

.half-cell{
      height: 35px;
}

.triple-cell{
      height: 23.333333333333333px;
}

这是一种解决方法 http://live.datatables.net/pejeseho/7/