我正在使用SlickGrid 数据表,并且我的一些单元格有很长的文本条目(1000 个字符或更多)。
默认情况下,SlickGrid 仅显示部分文本,并使用省略号缩写其余文本。
这很好用,除了我想在鼠标悬停时显示全文,或者有其他方法来扩展单元格以显示完整条目。
SlickGrid 可以做到这一点,如果可以,怎么做?
我正在使用SlickGrid 数据表,并且我的一些单元格有很长的文本条目(1000 个字符或更多)。
默认情况下,SlickGrid 仅显示部分文本,并使用省略号缩写其余文本。
这很好用,除了我想在鼠标悬停时显示全文,或者有其他方法来扩展单元格以显示完整条目。
SlickGrid 可以做到这一点,如果可以,怎么做?
只需使用此插件:
https://github.com/mleibman/SlickGrid/blob/master/plugins/slick.autotooltips.js
像这样注册它,你就完成了!
mygrid.registerPlugin(new Slick.AutoTooltips());
默认情况下,SlickGrid 禁用自动换行。鉴于您的单元格高度设置正确,您可以通过编辑slick.grid.css来查看所有单元格的文本,如下所示:
.slick-cell, .slick-headerrow-column {
position: absolute;
border: 1px solid transparent;
border-right: 1px dotted silver;
border-bottom-color: silver;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
vertical-align: middle;
z-index: 1;
padding: 1px 2px 2px 1px;
margin: 0;
/*white-space: nowrap;*/
cursor: default;
}