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

vue（elementUI）table表头、内容用 sup、sub标签实现上角标、下角标之前写了一版直接复制粘贴的上下角标，有热心网友咨询角标是汉字该怎么处理，于是有了这篇文章，老规矩先上图图片展示图中实现了在table表头和内容中实现上角标下角标操作。代码代码是这样的，可以复制使用<el-table-column min-width="170" align="center">&lt

远方宁静依然

5219人浏览 · 2021-03-24 19:13:05

远方宁静依然 · 2021-03-24 19:13:05 发布

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>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^