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

SlickGrid: how to view full text for long cell entries?

本文关键字：单元格 何查看 SlickGrid      更新时间：2023-09-26

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

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

这样做效果很好，只是我想在mouseover上显示全文，或者用其他方法展开单元格以显示完整条目。

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;
}
相关文章：