Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择时如何显示可手持单元格的全文_Javascript_Jquery_Html_Css_Handsontable - Fatal编程技术网

Javascript 选择时如何显示可手持单元格的全文

Javascript 选择时如何显示可手持单元格的全文,javascript,jquery,html,css,handsontable,Javascript,Jquery,Html,Css,Handsontable,我使用handsontable来显示大量数据,要求每一行默认只有一行,每一列都有固定的宽度。我通过以下css完成了这项工作: td { white-space: nowrap; text-overflow: ellipsis; } 这很好: 问题在于,这会阻止用户在数据溢出时读取所有数据。我尝试的解决方案是: .highlight { white-space: normal; text-overflow: initial; } 这允许所选单元格溢出并显示其全

我使用handsontable来显示大量数据,要求每一行默认只有一行,每一列都有固定的宽度。我通过以下css完成了这项工作:

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

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

.highlight {
    white-space: normal;
    text-overflow: initial;
}
这允许所选单元格溢出并显示其全部内容,但是,它似乎打破了单元格周围的选择框,如下图所示:

请注意,深蓝色的选择框不会展开以包围整个单元格。我已尝试重新呈现表,但这不会更改“选择”框。当一次选择更多溢出的单元格时,效果会被放大(请注意,较薄的蓝色选择框也没有正确对齐):


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

在您的情况下,使用选项
autoWrapRow:true
stretchH:“all”
是否不起作用?