我正在使用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/
请注意,如果将鼠标悬停在具有长值的单元格上,则可以查看完整条目,但不会对长列标题执行此操作。
我在想我可以编辑该插件以允许该行为。还有其他建议吗?谢谢!
答案 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();