D-H,appy

var gridView = new Ext.grid.GridView({
   //forceFit: true,
     getRowClass : function (row, index) {
       var cls = '';
       var data = row.data;
       switch (data.WORK_STATUS) {
          case "완료" :
             cls = 'green-row'// highlight row green
             break;
          case "진행" :
             cls = 'blue-row'
             break;
       }//end switch
       return cls;
    }
 });  //end gridView

이런식으로 GridView를 먼저 선언해준당

그리고 CSS에서
 .red-row{ background-color: #F5C0C0 !important; }
 .yellow-row{ background-color: #FBF8BF !important; }
 .green-row{ background-color: #99CC99 !important; }
 .blue-row{ background-color: #9999CC !important; }

이런식으로 컬러모델도 설정해준당

마지막으로
colModel   : cm1,                                      
selModel   : selModel1,
viewConfig:{forceFit:true},
view: gridView,

위와 같이 그리드에서 view:gridView 처럼 속성을 설정해준돠..

끝

var gridHead = Ext.getCmp('grid1').getGridEl().child('div[class=x-grid3-header]');
gridHead.setStyle('display', 'none');

이렇게하면 헤더가 없어진다~

참고하시라...
function createDocLinktable(first,second,third){
  var CenterOneColumn = new Ext.Panel({
   layout:'column',
   height:25,
   items : [{
    width:20,
    html: first
   },{
    width:80,
    html: second
   },{
    width:30,
    html: third
   }]
  });
  return CenterOneColumn;
 }

먼저 칼럼형태로 이렇게 하나의 행을 만들어 주는 함수로 이게 컨셉임
html을 바로 써넣고 칼럼 형태로 지정해서 테이블의 한 행을 나타낸다

var tablecontainer = {
     xtype:'panel',
     baseCls:'x-plain',
     style:'line-height:200%',
     style:'padding:5px 5px 5px 20px',
     items:[createDocLinktable('<img align=absmiddle src="asdf.png">','게시물제목', '20100101')
               ...(몇개 더 넣음)
     ]
    };


그리고 이렇게 패널 컨테이너에 여러개의 행을 넣어보자...

결과 화면은 다음과 같다



html등을 손봐서 적용하면 다음과 같이도 가능