1.问题:vue表头添加问号,多选框,*号等等,及CSS式样。
2.解决办法:
<el-table-column
align="left"
label="字段名"
:render-header="showMark"
prop="fieldName"
:show-overflow-tooltip="true">
</el-table-column>
methods:{
showMark(h, { column, $index }) {//此法直观插入html片段变量column.label要一个花括号括起来
return (<span><font style='color:red;'>*</font> <label>{column.label}</label></span>)
//return h('span', [ //此法有结构拼接,但笔者水平有限,能给出内容,却不能做上css,做了css又不能兼顾内容
// h('span', column.label),
// h('span', {
// class: 'iconstyle',
// style:'color:red;'
// attrs:{
// }
// })])
})