elementUI implementa el encabezado de la tabla para mostrar las esquinas superior e inferior

El encabezado y el contenido de la tabla Vue (elementUI) usan etiquetas sup y sub para realizar superíndices y subíndices

Escribí una versión de las marcas de las esquinas superior e inferior que se copiaron y pegaron directamente antes. Algunos internautas entusiastas preguntaron cómo lidiar con las marcas de las esquinas si fueran caracteres chinos. Entonces, con este artículo, las reglas antiguas se muestran primero en la imagen. .

visualización de imágenes

En la figura, las operaciones de superíndice y subíndice se implementan en el encabezado y el contenido de la tabla.
inserte la descripción de la imagen aquí

el código

inserte la descripción de la imagen aquí
El código es así, puedes copiarlo y usarlo

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

Supongo que te gusta

Origin blog.csdn.net/qq_41648113/article/details/115184922
Recomendado
Clasificación