在做项目过程中经常遇到某一列使用富文本填写内容,如果使用使用table默认展示方式会导致该列展示很长,倒是使用体验差。可以在该列加上一个按钮,点击按钮后后弹窗展示改字段内容。
第一种方案:
//在table初始化前面添加此代码
$(document).on('click','.show_mark',function() {
let content = $(this).data('content');
layer.open({
type: 1,
area: ['630px', '460px'],
title: "备注信息",
shade: 0.8,
closeBtn: 1,
shadeClose: true,
scrollbar: false ,//屏蔽浏览器滚动条
// skin: 'layui-layer-rim', //加上边框
content: '<div style="text-align: center;line-height: 25px; ">' + content + ' </div> ',
btn: ['确定'],
});
});
//在列中自定义formatter方法
{
field: 'mark',
title: __('备注信息'),
operate: false,
formatter:function(index,row){
if(row.mark){
return "<a href='javascript:;' class&#