elementUI实现table表头展示上、下角标

vue（elementUI）table表头、内容 用 sup、sub标签实现上角标、下角标

之前写了一版直接复制粘贴的上下角标，有热心网友咨询角标是汉字该怎么处理，于是有了这篇文章，老规矩先上图

图片展示

图中实现了在table表头和内容中实现上角标下角标操作。

代码

代码是这样的，可以复制使用

<el-table-column min-width="170" align="center">
	<template slot="header">
		你好世界(你好<sub>你好</sub>,世界<sup>世界</sup>)
	</template>
</el-table-column>
<el-table-column label="你好" min-width="120" align="center">
	{
   
   {你好世界<sup>你好，世界</sup>}}
</el-table-column>