SlickGrid：如何查看长单元格条目的全文？答案

【问题标题】：SlickGrid: how to view full text for long cell entries?SlickGrid：如何查看长单元格条目的全文？
【发布时间】：2012-07-15 05:28:15
【问题描述】：

我使用的是SlickGrid data table，我的一些单元格有很长的文本条目（1000 个字符或更多）。

默认情况下，SlickGrid 仅显示部分文本，其余部分使用省略号进行缩写。

这很好用，除了我想在鼠标悬停时显示全文，或者有其他方法来扩展单元格以显示完整条目。

SlickGrid 是否可以实现，如果可以，如何实现？

【问题讨论】：

标签： javascript slickgrid

【解决方案1】：

默认情况下，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;
}

【讨论】：

【解决方案2】：

只需使用这个插件：

https://github.com/mleibman/SlickGrid/blob/master/plugins/slick.autotooltips.js

这样注册就完成了！

mygrid.registerPlugin(new Slick.AutoTooltips());

【讨论】：