SlickGrid：如何查看列標題中的全文？

我正在使用SlickGrid，現在，如果我有很長的列標題，SlickGrid會使用省略號（...）將標題縮短。SlickGrid：如何查看列標題中的全文？

我的問題是：有沒有辦法在mouseover上查看整個文本？

順便說一句，我是能夠做到這一點的長電池項目通過註冊這個涼爽的插件https://github.com/mleibman/SlickGrid/blob/master/plugins/slick.autotooltips.js：

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

下面是一個使用的jsfiddle該插件：http://jsfiddle.net/crystality/h5ZLP/1/

注意如果將鼠標懸停在具有較長值的單元格上，則可以查看完整條目，但對於較長的列標題不適用。

我在想，我可以編輯該插件，以允許這種行爲。還有其他建議嗎？謝謝！

來源

2012-07-25 Crystal

提供一些示例，普萊舍。很難不看 – user907860 2012-07-25 08:32:09

@caligula：編輯，謝謝！示例：http://jsfiddle.net/crystality/h5ZLP/1/ – Crystal 2012-07-25 08:58:31

它應該如何工作？我只看到白色方塊 – user907860 2012-07-25 09:12:03

好的 - 我明白了。在最新版本的SlickGrid中，標題屬性在列標題上的設置方式似乎有所變化。以前，該列的名稱屬性將被設置爲標題。現在我們需要在列定義中添加一個新參數 - 稱爲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，使這項工作。這只是針對數據的工具提示。

讓我知道這是否有幫助！

來源

2012-07-25 14:39:37 ganeshk

完美工作，謝謝！ – Crystal 2012-07-26 19:59:33

另外，你知道是否有一種方法可以讓標題只顯示標題很長嗎？目前，它總是顯示在鼠標懸停。小細節，但只是好奇！ – Crystal 2012-07-27 00:10:57

您可以僅爲那些真正長的列設置工具提示參數。你也可以通過編程來實現 - 也許訂閱onColumnsResized事件，然後設置工具提示。只是想法！ – ganeshk 2012-07-27 00:17:19

的自動工具提示插件現在有一個選項，添加工具提示標題單元：

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();

來源

2016-04-13 00:53:47

SlickGrid：如何查看列標題中的全文？

回答

相關問題