我使用handontable来显示大量数据,并且要求每行默认只有一行,并且每列都有固定的宽度。我用以下css完成了这个:
td {
white-space: nowrap;
text-overflow: ellipsis;
}
这很好用:
问题是这会阻止用户在溢出时读取所有数据。我尝试的解决方案是使用:
.highlight {
white-space: normal;
text-overflow: initial;
}
这允许所选单元格溢出并显示其完整内容,但是,它似乎打破了单元格周围的选择框,如下图所示:
请注意较深的蓝色选择框如何不会展开以包围整个单元格。我尝试重新渲染表,但不会更改选择框。由于一次选择了更多具有溢出的单元格,因此夸大了效果(请注意较薄的蓝色选择框如何也未正确对齐):
如何在不破坏选择框的情况下显示所选单元格的全文?