1.文本过长溢出
- 文本超过250px则隐藏,如果需要修改此宽度,请在具体页面中重新定义formatter方法
- 点击通过弹窗展示完整的内容
- 弹窗插件使用Layer.js
- 调用方法
{field: 'content', title: __('Content'), align:'left',formatter: Table.api.formatter.details,events:Table.api.events.details,width:250},
- 源代码位置require-table.js,在Table.api.events和Table.api.formatter中添加新的字段details
events: {
details:{
'click .content-details': function (e, value, row, index) {
var val = value.replaceAll(' / ',"<br />")
layer.open({
title: '详情'
,content: val
})
},
}
}
formatter:{
details:function(value, row, index){
return `<div style="padding:0 5px; text-overflow:ellipsis; overflow: hidden;max-width:250px;">
<a href="javascript:;" style="white-space: nowrap;" class="content-details" title="点击展示详情">${value}</a>
</div>`
}
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了