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>
Logo

前往低代码交流专区

更多推荐