ng2-smart-table自定义展示形式

目的：引用ng2-smart-table插件，希望可以自定义td的展示形式，如文字溢出用小点展示，鼠标悬浮显示等。
解决方法：设置列属性的type，这个值可取 text | html | custom，本文使用html可解决问题，并设置valuePrepareFunction返回形式，具体代码如下。

settings = {class: 'table-max-height',hideHeader: true,noDataMessage: '暂无权限',mode: 'external',columns: {zjName: {title: '机构名',filter: false,type: 'html',valuePrepareFunction: data => `<div title="` + data + `" class="cell_limit">` + data + `</div>`,}},actions: {columnTitle: '',position: 'right',add: false,edit: false},pager: {display: false},delete: {confirmDelete: true,deleteButtonContent: '<span class="close">×</span>'},};

ng2-smart-table自定义展示形式相关推荐

SAP Fiori Elements 框架里 Smart Table 控件的工作原理介绍
这是 Jerry 2021 年的第 34 篇文章,也是汪子熙公众号总共第 310 篇原创文章. Jerry 前一篇文章深入掌握 SAP Fiori Elements 工作原理系列之二:如何给 Fio ...
angular和react_如何在Angular中验证默认和自定义React形式
angular和react by Luuk Gruijs Luuk Gruijs着如何在Angular中验证默认和自定义React形式 (How to validate default and cu ...
elementUI table自定义表头弹框搜索，排序，显示tag标签
elementUI table自定义表头弹框搜索,排序,显示tag标签允许一种排序,多种搜索条件包括三种类别,添加了solt插槽,也可以自定义: 输入框[input] 多选[checkbox] 范 ...
R语言ggplot2可视化：使用patchwork包绘制ggplot2可视化结果的组合图（自定义图像的嵌入关系）、使用patchwork包绘制ggplot2可视化结果的组合图（自定义组合形式）
R语言ggplot2可视化:使用patchwork包绘制ggplot2可视化结果的组合图(自定义图像的嵌入关系).使用patchwork包绘制ggplot2可视化结果的组合图(自定义组合形式) 目录
SAP Fiori Elements 里 Smart Table column 的宽度问题
如下图所示,我有一个 SAP Fiori Elements List Report 制作出的应用: 层级结构:thead - tr - th: 宽度: 2rem. em是相对长度单位.相对于当前对象内 ...
table多行表头合并 vue_vue elementUI table 自定义表头和行合并的实例代码
最近项目中做表格比较多,对element表格的使用,只需要传递进去数据,然后写死表头即可渲染. 但现实中应用中,如果写死表头,并且每个组件中写自己的表格,不仅浪费时间而且消耗性能.这个时候需要动态渲染 ...
微信html5展示页,H5科普|微信H5页面的展示形式
原标题:H5科普|微信H5页面的展示形式随着移动互联网的不断发展,越来越多的企业开始运用微信H5来营销推广,微信H5凭借着方便快捷.页面丰富的优势,已经成为了如今最受欢迎的微信营销方式.一款微信H5 ...
vue table自定义样式
工作常见通用table自定义样式 HTML代码块: <div class="detail-group-box"><div class="detail-g ...
vue项目vant sku组建满足自定义展示
自定义展示需引用插槽模式 <template slot="sku-header-price" slot-scope="props" > <di ...

ng2-smart-table自定义展示形式

ng2-smart-table自定义展示形式相关推荐

最新文章

热门文章