>웹 프론트엔드 >JS 튜토리얼 >extjs에서 특정 열의 배경색과 글꼴 색상을 설정하는 방법 Grid_extjs

extjs에서 특정 열의 배경색과 글꼴 색상을 설정하는 방법 Grid_extjs

WBOY
WBOY원래의
2016-05-16 18:20:05825검색

CSS 코드:

코드 복사 코드는 다음과 같습니다.

.x-grid-back -red {
배경: #FF0000;
}


js 코드:
코드 복사 코드는 다음과 같습니다:

{
header: 'divide type',
dataIndex: 'divideType',
renderer: function(v, m){
m.css='x-grid-back-red';
return v;
},
width : 60
}

아니면 이렇게 직접 작성하셔도 됩니다
코드 복사 코드는 다음과 같습니다.

{
헤더: '숫자',
dataIndex: 'fcId',
css: '배경: #FF0000;',
너비: 40
}

extjs 그리드는 특정 행의 글꼴 색상을 설정합니다
css 코드:

코드 복사 코드는 다음과 같습니다. :

.x-grid-record- 빨간색 테이블{
색상: #FF0000
}

js 코드:
code
코드 복사 코드는 다음과 같습니다.

viewConfig: {
forceFit: true,
getRowClass: function(record,rowIndex,rowParams,store){
// 빨간색으로 데이터 표시 비활성화
if(record.data.zt==0){
return 'x-grid-record -red';
}else{
'' 반환
}
},

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.