el-table cambia la altura de la fila

el-table es un método de devolución de llamada para cambiar
el estilo de la fila de estilo de fila de altura de fila, o puede usar un objeto fijo para establecer el mismo estilo para todas las filas.
estilo de celda El método de devolución de llamada del estilo de la celda, también puede usar un objeto fijo para establecer el mismo estilo para todas las celdas.
header-row-style El método de devolución de llamada del estilo de la fila del encabezado. También puede usar un objeto fijo para establecer el mismo estilo para todas las filas del encabezado.
estilo de celda de encabezado El método de devolución de llamada del estilo de la celda de encabezado.También puede usar un objeto fijo para establecer el mismo estilo para todas las celdas de encabezado.

Estos cuatro atributos están relacionados principalmente con la altura de la fila de la fila de la tabla y el encabezado de la tabla.
Establezca la altura en el atributo relacionado con la fila en 0,
establezca el relleno en el atributo relacionado con la celda en 0, elimine el relleno predeterminado: 8px 0 para el relleno en el td,
y luego use el selector de profundidad para seleccionar la etiqueta de la fila para establecer la altura que desea

table上设置
		:row-style="{height: '0'}"
        :cell-style="{padding: '0'}"
        :header-row-style="{height: '0'}"
        :header-cell-style="{padding: '0'}"cript

css
		::v-deep(.el-table__header) { //表头行高
		    tr {
		      height: 40px;  //设置高度 主要是这个
		    }
		    .cell {
		      display: inline-flex;
		      align-items: center;
		      justify-content: center;
		      height: 23px;
		      width: 100%;
    }

	 ::v-deep(.el-table__body) {
    	tr { 或这儿设试下
	      .cell {
	        width: 100%;
	        height: 30px;   //设置高度 主要是这个
	        line-height: 30px;
	        flex-wrap: nowrap;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        white-space: nowrap;
	        justify-content: center;
	        align-items: center;
	      }
   	 }
  }

Supongo que te gusta

Origin blog.csdn.net/weixin_66029924/article/details/127417392
Recomendado
Clasificación