HTML-让单元格内容在不改变列宽的情况下跨列拉伸

在我表格中关于动物王国的一行中，第一个单元格始终填充（动物名称）。但是，其余单元格始终填充或从不填充在一起

如果第一个单元格已填充，其余单元格未填充，我想在第二个单元格中添加一个文本，通知用户其余单元格没有数据。但是，我希望此文本在不修改列宽的情况下跨单元格拉伸

发生了什么：

（此处代码，复制自W3学校：）

我想要的（裁剪严重）：

---

您可以使用

colspan

合并列。看

在循环中，您可以检查是否存在空数据并应用colspan

表格{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
td，th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}

HTML表
单位
接触
国家
阿尔弗雷德·福特基斯特
长文本表示联系人和国家信息不可用
莫特祖马商业中心
张锦松
墨西哥
恩斯特·汉德尔
罗兰·孟德尔
奥地利
岛屿贸易
海伦·贝内特
英国
笑巴克斯酒窖
田纳西
加拿大
马加兹尼营养不良
乔瓦尼·罗维利
意大利