我有一张桌子：
第一行和第一列（期望原点 (0;0) 单元格）包含按钮；
最后一行和最后一列（期望它们各自的第一个单元格）是空的；
中间的所有其他单元格（即不靠近表格边框）都是键；
表格大小使用 JavaScript 动态变化。
所有关键单元格（中间）的大小取决于它们的数量和 col/row-span。例如，有 4 个水平键，如果第二个键的 colspan 为 2，则大小为 25%、50%、25%，并且第三个键不存在。
使用jsFiddle你会看得更清楚
我希望<td>包含按钮的元素遵守以下约束：
对于水平按钮集（在第一行），固定高度为 20 像素；
对于垂直按钮集（在第一列上），与上述大小相同的固定宽度（这将导致方形 (0;0) 单元格）；
第一行的最后一个按钮（class="AddCol"）必须与该行中的其他按钮具有相同的宽度（事实并非如此，我不明白为什么这不是自动的......）；
第一列的最后一个按钮 (class="AddRow") 必须与该列中的其他按钮具有相同的高度（相同）。
你知道我该怎么做吗？我试图添加隐藏内容来填充“空”单元格”，我试图强制不同元素的大小等等......但我现在没有想法。