如何在选择时显示指定单元格的全文

时间:2014-12-17 15:28:16

标签: javascript jquery html css handsontable

我使用handontable来显示大量数据,并且要求每行默认只有一行,并且每列都有固定的宽度。我用以下css完成了这个:

td {
    white-space: nowrap;
    text-overflow: ellipsis;
}

这很好用:

An example of the css restricting the text to one line

问题是这会阻止用户在溢出时读取所有数据。我尝试的解决方案是使用:

.highlight {
    white-space: normal;
    text-overflow: initial;
}

这允许所选单元格溢出并显示其完整内容,但是,它似乎打破了单元格周围的选择框,如下图所示:

Broken select box

请注意较深的蓝色选择框如何不会展开以包围整个单元格。我尝试重新渲染表,但不会更改选择框。由于一次选择了更多具有溢出的单元格,因此夸大了效果(请注意较薄的蓝色选择框如何也未正确对齐):

Multiple cells also exaggerates the select box issue

如何在不破坏选择框的情况下显示所选单元格的全文?

0 个答案:

没有答案