SlickGrid:如何查看长单元格条目的全文?

时间:2012-07-16 11:13:05

标签: javascript slickgrid

我正在使用SlickGrid data table,我的一些单元格有很长的文本条目(1000个字符或更多)。

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

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

这是否可以使用SlickGrid,如果是这样的话?

2 个答案:

答案 0 :(得分:14)

只需使用此插件:

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

像这样注册,你就完成了!

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

答案 1 :(得分:0)

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