webix的表格,头部没有tooltip的属性支持 onmousemove只监听了数据部分,对列头没有监听。官网上演示的是在header属性上写个span 加个title的属性,但是样式不好看。然后我就直接参照写了个。用的是监听加载完成后的事件。用于加载后确定列的情况。
1、效果如下
代码如下,拷贝到html文件下直接执行科看到效果
Loading data in the 'select' editor webix.ready(function () { webix.ui({ view: , on: { onAfterRender: function () { .config.columns; ) { webix.ui({ view: , template: , height: 100 }) (e) { t.hide(); clearTimeout(this.timeout); t.value = this.firstChild.textContent; (value) { t.show({value: t.value}, {x: e.clientX + 3, y: e.clientY}) }, 500); }); (e) { clearTimeout(this.timeout); t.hide(); }) } } }, tooltip: true, type: , columns: [ {id: }, {id: }, { id: , header: }, {id: } ], data: [ {id: }, {id: } ] }); });
红色部分为列头tooltip的代码
凑150 个字-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------