SlickGrid:如何查看列标题中的全文?

时间:2012-07-25 08:22:54

标签: javascript jquery mouseover slickgrid

我正在使用SlickGrid,而现在,如果我有很长的列标题,SlickGrid会用椭圆(...)缩短标题。

我的问题是:有没有办法在鼠标悬停时查看整个文本?


顺便说一句,通过注册这个很酷的插件https://github.com/mleibman/SlickGrid/blob/master/plugins/slick.autotooltips.js,我能够为长细胞条目做到这一点:

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

这是使用该插件的jsFiddle:http://jsfiddle.net/crystality/h5ZLP/1/

请注意,如果将鼠标悬停在具有长值的单元格上,则可以查看完整条目,但不会对长列标题执行此操作。

我在想我可以编辑该插件以允许该行为。还有其他建议吗?谢谢!

2 个答案:

答案 0 :(得分:8)

好的 - 我知道了。在最新版本的SlickGrid中,似乎对列标题上的title属性设置方式进行了更改。以前,该列的name属性将设置为title。现在我们需要在列定义中添加一个新参数 - 名为 toolTip 。我编辑了你的小提琴,现在工具提示工作正常。

http://jsfiddle.net/100thGear/6sGXx/

我改变了你的列定义:

{ id: "long-val", name: "Really Really Really Long Title", 
field: "longVal", sortable:true, 
toolTip: "Really Really Really Long Title" }

请注意,您不需要使用slick.autotooltips.js来完成这项工作。这只是针对数据的工具提示。

请告诉我这是否有帮助!

答案 1 :(得分:1)

自动工具提示插件现在可以选择添加标题单元格的工具提示:

https://mleibman.github.io/SlickGrid/examples/example-autotooltips.html

建议用法:

<script src="../plugins/slick.autotooltips.js"></script>

var options = {
    explicitInitialization: true,
};

grid.registerPlugin( new Slick.AutoTooltips({ enableForHeaderCells: true }) );
grid.init();