easyui扩展datagrid鼠标移到列或行表格上显示详细信息(tooltip功能)

版权声明:《==study hard and make progress every day==》 https://blog.csdn.net/qq_38225558/article/details/84589015

效果图:(当列或行消息显示不完的时候,鼠标移上去会扩展所要显示的信息[即详细信息] 更有利于用户体验~)

第一步:引入下面所需js插件

<script src="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/datagrid/jeasyui.extensions.datagrid.getDom.js"></script>
<script src="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/datagrid/jeasyui.extensions.datagrid.getColumnInfo.js"></script>
<script src="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/datagrid/jeasyui.extensions.datagrid.getRowData.js"></script>
<script src="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/datagrid/jeasyui.extensions.datagrid.tooltip.js"></script>

温馨小提示:可以浏览器网址输入上面src里面的路径下载到本地中保存使用哦!

第二步:加上属性 rowTooltip: false   和  tooltip:'true'      配合使用即可实现效果


温馨小提示:也可以去EasyUI扩展库中学习此效果  http://www.easyui-extlib.com/

猜你喜欢

转载自blog.csdn.net/qq_38225558/article/details/84589015