CSS表格单元格宽度不一致，但我需要第一列更大

Question

这是我的小提琴 。 现在，我想做的是建立一个计划程序，但目前我仅处于html和css阶段。

如果您查看具有“ 名称”表标题的表格部分，然后查看周一至周五的所有工作日，我希望这样做，以使“周一至周五”字段的宽度相同，但“姓名”字段更大。

我需要避免使用固定宽度，也就是将每个<td/>宽度都设置为33% ，因为计划人员的响应方式非常具体。

我可以在不设置固定宽度的情况下执行此操作吗？

干杯

编辑：我想出了一种方法，使用嵌套表和@Antony SUTHAKAR J的最小宽度想法，它将所有列设置为正确的宽度，但是现在我无法让颜色在嵌套表中工作。 我看到这是因为我无法使嵌套表采用父级<td/>的高度。 现在，我已经将父<td/>为具有100％的高度，如您在代码中所见。

现在有什么我可以做的吗？ 无需设置手动高度。

新提琴

Answer 1

您可以添加min-width属性[例如 min-width: 150px; ]移到表格的第一列。 试试这个，我希望它能起作用。

这将是最小宽度，而不是固定宽度。 因此，如果该列中包含更多文本，它将自动拉伸以适合内容。

凉！

Answer 2

加入天阶在每个工作日列。

.day {
  width: 40px;
}

工作示例（JS Fiddle）： https : //jsfiddle.net/ju43rpgs/1/