vue에서 테이블 행 높이를 수정하는 방법

vue에서 테이블 행 높이를 수정하는 방법: 1. 해당 vue 파일을 엽니다. 2. 테이블 스타일 코드를 봅니다. 3. ":row-style="{height:'20px'}" :cell-style= " 테이블 행 높이는 {padding:'0px'}""의 속성 값으로 수정될 수 있습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, Vue 버전 3, DELL G3 컴퓨터

vue에서 테이블 행 높이를 수정하는 방법은 무엇입니까?

vue 요소 UI el-table 테이블은 셀의 행 높이와 글꼴 크기를 조정합니다.

설명:

감소: 행 높이가 특정 수준에 도달하면 줄일 수 없습니다. 최소값은 35px인 것 같습니다. 시도해 볼 수 있습니다.

올리기 : 실제 개발시 최대값은 시도해보지 않았지만 행 높이는 본인에게 맞는 높이로 조절 가능합니다.

 <el-table
    :row-style="{height:&#39;20px&#39;}"
    :cell-style="{padding:&#39;0px&#39;}"
    style="font-size: 10px">
 </el-table>

cell-style="padding:0" 은 추가할 필요가 없습니다. 높이를 줄였을 때 추가한 내용인데, 최소 높이에 도달해 더 이상 줄일 수 없게 되었습니다.

주로 다음 두 줄의 코드

:row-style="{height:'20px'}"
:cell-style="{padding:'0px'}"

추천 학습: "vue.js 비디오 튜토리얼"

위 내용은 vue에서 테이블 행 높이를 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!