layui 表格单元格自定义提示框

cols: [[ //表头
                    {
                       	field: 'Content', 
                       	title: '承诺内容',
                       	templet: '#ContentTipl',
                    },
                   ]] 

css 文件中加

.layui-layer-tips {
		        word-break: break-all;
		    }

js

<script type="text/javascript">
//显示详情
	function show_shopm(t){
		var row=$(t).attr('data-d'); //获取显示内容
		//小tips
		layer.tips(row,t,{
			area: 'auto',
			tips:[1,'#3595CC'],
			time:4000
		})
	}
</script>


<script type="text/html" id="ContentTipl">
	{{# 
        var delhtml = function(str) {
              return str.replace(/<[^>].*?>/g, '');
				
          } 
   }}
  <a href="javascript:;" data-d="{{delhtml(d.Content)}}" onmouseover="show_shopm(this)">
     {{#  if(d.Content.length>20){ }}
     	{{d.Content.substr(0,20)}}...
     {{# } else { }}
     	{{d.Content}}
     {{#  } }}
  </a>
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

曉儂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值