iview table点击单元格事件

点击事件

  on: {click: () => {this.handleShow(params.row)      //点击事件}}

title设置

  domProps: {title: params.row.noticeTitle    //添加title属性},

过长部分截取显示省略号

 style: {overflow: 'hidden',textOverflow: 'ellipsis',whiteSpace: 'nowrap',display: 'block'     //设置样式，超过文字省略号显示},

具体代码：

column：[{title: '标题',key: 'noticeTitle',tooltip: true,sortable: 'custom',align: 'left',render: (h, params) => {return h('div', [h('a', {props: {type: 'primary',size: 'small'},style: {marginRight: '5px',color: '#515a6e',fontSize: '13px',overflow: 'hidden',textOverflow: 'ellipsis',whiteSpace: 'nowrap',display: 'block'     //设置样式，超过文字省略号显示//cursor: 'auto'   //设置鼠标样式},domProps: {title: params.row.noticeTitle    //添加title属性},on: {click: () => {this.handleShow(params.row)      //点击事件}}}, params.row.noticeTitle)])}}
]

显示：

iview table点击单元格事件相关推荐

Table 点击单元格编辑并获取对应的行列
如何进行编辑单元格数据: 在table中的td中加入contentEditable='true' 就可以进行编辑单元格了如何点击时获取单元格对应的行列: 在table中加入onclick事件列 ...
layui 单元格事件
正常单元格如上图所示,一般在最后一列都会有一个操作列,但如果想要在单元格中添加事件,应该怎么写呢? 在layui的文档中提供了单元格事件:layui官方文档. 详细代码如下: <!DOCTYPE ...
layui table单元格事件修改值
事件中的 this相当于document.getElementById("id") 替代方法就是将原本 document.getElementById("id" ...
【表格单元格可编辑】vue-elementul简单实现table表格点击单元格可编辑，点击单元格变成弹框修改数据
前言这是继我另一个帖子就是单元格点击变成输入框后添加的功能因为考虑到有些时候修改单元格的信息可能点击后要修改很多,那一个输入框不好用所以这时候就需要一个弹框可以把所有表单都显示出来修改所以这里 ...
html 拖拽选择表格,JS拖动选择table里的单元格完整实例【基于jQuery】
本文实例讲述了JS拖动选择table里的单元格.分享给大家供大家参考,具体如下: 用JS 实现类似Excel里面动态选择单元格的例子,从网上得到的例子,先记录在这里,以后参考用. www.jb51.n ...
记一次用iview实现表格合并单元格的具体操作
记一次用iview实现表格"合并"单元格的具体操作最近做项目使用iview框架做后台管理系统,第一次使用iview遇到过很多问题,有些小坑也都在网上找到解决方案了,可作为一个通用 ...
layui中table监听单元格_最全总结 | 聊聊 Python 办公自动化之 PPT（中）
点击上方 "AirPython",选择 "加为星标" 第一时间关注 Python 技术干货! 1. 前言上一篇文章简单地介绍了 PPT 的文档结构,并使用 p ...
el-table 点击单元格可编辑点击表头可修改右击表头删除表头和内容
项目场景: 提示:这里简述项目相关背景: 点击单元格可编辑点击表头可修改表头内容 .右击表头删除内容和表头代码 html <template><div class="a ...
layui table 可编辑单元格 JS实现通过键盘上下左右键光标焦点移动到旁边的编辑行/列
layui table 可编辑单元格 JS实现通过键盘上下左右键光标焦点移动到旁边的编辑行/列类似效果上下左右键实现的代码 layui.config({base: '/static/layuia ...

iview table点击单元格事件

iview table点击单元格事件相关推荐

最新文章

热门文章