AgGrid 鼠标hover显示tooltip

场景:AgGrid表格因为容器组件尺寸较窄,导致有些较长column name显示不全,如有colum name为“这是第一列”显示为“这是第…”。

解决1:鼠标左右拖拽是当前column的名称显示全,需要增加 defaultColDef={{ resizable: true }}

{ resizable: true }}...
/>

解决2:鼠标hover在column name上,出现提示条tooltip显示完整column name,columnDefs设置headerTooltip并定义tooltipShowDelay。

columns() {return [{headerName: '这是第一列',field: 'name',headerTooltip: '这是第一列' // 设置鼠标hover在该column的header上显示的tooltip内容},...]
}


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部