如何在不扩展单元格宽度的情况下显示表格单元格内容？

Question

我希望在下面的屏幕截图中可以看到效果，那就是表格单元格的内容（与Michal Aniol一样的蓝色单元格...）应该完全可见，但单元格的宽度应该保持不变。

我该怎么做？

我对需要大量使用javascript作为应用程序的其余部分以及表本身将由dojo生成的解决方案开放。

让colspan> 1不是一个选项，因为它在其他情况下不起作用。我真的只想使用单个单元格，因为这可以帮助我实现其他功能。

Screenshot http://uppix.net/4/d/9/8cfc6aba556405f910871598afa10.png

标记和CSS：http://jsfiddle.net/sGkpq/ style.less http://pastebin.com/waXWDf4J

为了使我的问题自足的情况下，链接死于@ Sparky672指出：

我想有表格单元格相同的大小，如果一个单元格中的内容大于单元格本身，那么内容应该仍然显示并流向下一个单元格。因此，如果单元格中的文本比单元格长，则它应该溢出到覆盖其内容的下一个单元格。

Answer 1

刚刚从table.reservation-table td删除overflow-x: hidden。文本将继续在单元格的末尾。

当然，如果你希望它的名字比它后面的单元格更长（例如，Michal只预定一天），它会更复杂，但可能是可行的。