iview table换行_iview 表格头部toolTip换行
找到了答案:在Tooltip数组里边添加就行。renderHeader: (h, params) => {return h('div', [h('span', '高风险评分'),h('Tooltip', {props: {// content: '≥60:高风险<60:低风险分值越高,风险越高',transfer: true,// maxWi...
找到了答案:在Tooltip数组里边添加就行。
renderHeader: (h, params) => {
return h('div', [
h('span', '高风险评分'),
h('Tooltip', {
props: {
// content: '≥60:高风险 <60:低风险 分值越高,风险越高',
transfer: true,
// maxWidth: '150',
theme: 'light'
}
}, [
h('Icon', {
props: {
type: 'md-help-circle',
color: "#c8c8c8",
size: "20"
},
class: {iconClass: true}
}),//表格列显示文字
h('div', {
slot: 'content',
style: {
whiteSpace: 'normal'
}
}, '≥60:高风险'//整个的信息即气泡内文字
),//表格列显示文字
h('div', {
slot: 'content',
style: {
whiteSpace: 'normal'
}
}, '<60:低风险'//整个的信息即气泡内文字
),//表格列显示文字
h('div', {
slot: 'content',
style: {
whiteSpace: 'normal'
}
}, '分值越高,风险越高'//整个的信息即气泡内文字
)
]),
])
}
更多推荐
所有评论(0)