现象描述：

        在使用iView界面组件的Table组件时，须要在表头里添加面积这个选项，代码概要以下css

listcolumns: [{
    title: '面积(m2)',
    key: 'Mj',
    align: 'center'
}]

        结果如预期所示html

        而后添加<sup>iview

listcolumns: [{
    title: '面积(m<sup>2</sup>)',
    key: 'Mj',
    align: 'center'
}]

        发现并无什么用，猜测应该是在title内，应该是直接解析为字符串，而不是原生html代码（C#里有个@Html.Raw）
函数

解决问题：

        参考iView官方文档，找到一个renderHeader的方式来实现渲染，因而写出总体，而后逐渐摸索（修改细节展现效果）优化

{
                    	title: '面积(m2)',
                        key: 'Mj',
                        type: 'html',
                        align: 'center',
                        className: 'zzrwMj_css',
                        renderHeader:(h,params)=>{
                        	return h('div', {style: {
										display: 'table',
										height: '23px'
					            	}},[
					        	h('span', 
					        		{style: {
					                	display: 'inline-block',
					                	overflow: 'hidden',
					                	textOverflow: 'ellipsis',
					                	whiteSpace: 'nowrap',
					                	lineHeight: '23px',
					                	display: 'auto'
					            	}
					        	}, '面积(m'), 
				        		h('sup',{style:{
				                	top: 8
				            	}},'2'),
					    		h('span',
					    			{style:{
					                	display: 'inline-block',
					                	overflow: 'hidden',
					                	textOverflow: 'ellipsis',
					                	whiteSpace: 'nowrap',
					                	lineHeight: '23px',
					                	display: 'auto'
					            	}},')')
                        	]);
                        }

        结果以下，成功ui

感想：

        思路和总体仅供参考，细节能够继续优化。对render函数的结构是一个很好的理解。spa

        我我的以为可能有更简单的方式实现相似于平方米sup或者更多原生html，也但愿你们可以指点。
code