ExtJS 트리 그리드 테두리의 서식 지정 방법

Question

그래서 extjs 트리 그리드 내에서 테두리를 포맷하는 것이 기본 일 것이라고 생각했지만 시도하고 둘러 보았을 때 해결책을 찾지 못했습니다. 내가 겪고있는 문제는 내 테두리 모양과 너비가 열과 행 모두에서 일치하지 않는다는 것입니다 (스크린 샷을 첨부하려했지만 새 사이트가 아니기 때문에 불가능 함).

columns:[{header: 'H6',dataIndex: 'hour6',width: 210, border: 1}] 

뿐만 아니라 XTemplate에서와 같이 내가 (이 작업을 것이라고 생각하지 않았다 그러나 나는 노력하겠다고 생각했다) 내 셀 배경 색상을 설정하고있어 여기서 :

나는 열 생성에 직접 국경을 정의하는 시도

columns: [{header: 'H6',dataIndex: 'hour6',width: 210,    
    tpl: new Ext.XTemplate('{duration1:this.doFormat}', { 
     doFormat: fn(v){ 
      if (v == 1) {return '<span style="background-color: red; width: 100%; border: 1">' + v + '</span>';} 
     else {return '<span style="background-color:' + currentcolor + '; width: 100%; border: 1">' + v + '</span>';} 
     } 
    }) 
}] 

누구든지이 문제를 해결하기 위해 트리 그리드 테두리를 포맷하는 방법을 알고 있습니까?

감사합니다.

Answer 1

열 정의의 cls config 옵션을 통해 CSS 클래스를 사용하거나 css 스타일을 열 요소에서 직접 조작하는 것이 가장 좋습니다. 격자 행 사이의 경계는 .x-treegrid-col 클래스에 설정됩니다. 난 당신이 생각 달성하기 위해 무엇을하려고하는 완전히 확실하지 않다

// set the border on all rows to red 
.x-treegrid-col { 
    border-bottom: 1px solid red; 
} 

이 http://tinypic.com/하고 원래의 게시물에 링크의 삽입에 스크린 샷을 업로드, 그 도움이 될 수 있습니다.