element-ui에서el-table의 헤더, 내용 스타일
4738 단어 element-ui테이블
<el-table :data="list" style="width: 100%"
:border="border" //
stripe //
:header-cell-style="{color:'#333',fontFamily:'MicrosoftYaHeiUI',fontSize:'14px',fontWeight:900}" //
:row-style="{fontSize:'12px',color:'#666',fontFamily:'MicrosoftYaHeiUI'}" //
:row-class-name="tabRowClassName" // className ， className
>
<el-table-column prop="name" label=" " align="center" ></el-table-column>
</el-table>
data(){
return{
border:true,
stripe:true,
}
methods:{
tabRowClassName({row,rowIndex}){
let index = rowIndex + 1;
if(index %2 == 0){
return 'warning-row'
}
}
}
}
<styel>
.el-table .warning-row{
background:#F3F9FF
}
</style>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
element-ui 대화상자 기반el-dialog 초기화 검사 문제 해결페이지를 새로 고치지 않고 el-dialog를 다시 열 때, rules나 어떤 값을 연결하려면required가 필요합니다. 자동으로 검사됩니다. 여러 개의 블로그를 살펴본 결과, 자주 사용하는 두 가지 해결 방법이 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
