한 번에 aspx gridview에서 셀 색상과 교대 행 색상을 적용하는 방법

devexpress의 aspxgridview를 사용하고 있습니다. 셀에 다른 cellstyle 색상을 적용했습니다. 그리고 지금 나는 그늘진 (같은 색깔의 빛) 그리드의 교체 행을 만들고 싶다. 교대 색상을 적용하고 있지만 cellstyle 색상이 설정되어 있어도 적용되지 않습니다. 어떤 사람이 이것에 관한 아이디어를 가지고 있습니다. 미리 감사드립니다.한 번에 aspx gridview에서 셀 색상과 교대 행 색상을 적용하는 방법

.dxgvDataRow:hover 
{ 
    color: gray; 
}

또한 컨트롤에 대해 서로 다른 스타일을 설정하는 ASPxGridView의 CssPostfix 속성을 사용할 수 있습니다 :

출처

2013-07-25 Nb Gabol

확인이 : http://stackoverflow.com/questions/13487354/how-to-change-the-datagrid-back-ground-color/13487550#13487550 – Nag

이것은 단순한 gridview에 관한 것입니다. 나는 익스프레스 devp의 aspx gridview 있습니다. –

감사합니다 안톤,하지만 난 자바 스크립트로 해냈어. 나는 다음과 같이 테이블의 짝수와 틀린 편을 사용하고있다. 여기는 document.ready 함수를 호출하는 함수입니다. 또한 각 버튼의 click 이벤트를 서버 측에서 호출합니다.

colorGrid 함수() {

 /*code for color coding grid*/ 
     $(".student_account td table tbody tr'[id]':odd").addClass('initial'); 
     $(".student_account td table tbody tr'[id]':even").addClass('initial'); 

     /* For odd Rows */ 

     // for first 3 columns 
     $(".student_account td table tbody tr'[id]':odd td:nth-child(1)").css("background-color", "#EEEEEE"); 
     $(".student_account td table tbody tr'[id]':odd td:nth-child(2)").css("background-color", "#EEEEEE"); 
     $(".student_account td table tbody tr'[id]':odd td:nth-child(3)").css("background-color", "#EEEEEE"); 

     // for 4th and 5th column 
     $(".student_account td table tbody tr'[id]':odd td:nth-child(4)").css("background-color", "#EBFAE3"); 
     $(".student_account td table tbody tr'[id]':odd td:nth-child(5)").css("background-color", "#EBFAE3"); 


     // for 6th t0 9th column 
     $(".student_account td table tbody tr'[id]':odd td:nth-child(6)").css("background-color", "#F7F8D6"); 
     $(".student_account td table tbody tr'[id]':odd td:nth-child(7)").css("background-color", "#F7F8D6"); 
     $(".student_account td table tbody tr'[id]':odd td:nth-child(8)").css("background-color", "#F7F8D6"); 
     $(".student_account td table tbody tr'[id]':odd td:nth-child(9)").css("background-color", "#F7F8D6"); 


     // for 10th column 
     $(".student_account td table tbody tr'[id]':odd td:nth-child(10)").css("background-color", "#CBE6F7"); 



     /* For Even Rows */ 

     var name = "ctl00_ContentPlaceHolder1_grdScheduleStudent_DXHeadersRow"; 

     // for first 3 columns 
     $(".student_account td table tbody tr'[id]':even td:nth-child(1)").css("background-color", "#FFFFFF"); 
     $(".student_account td table tbody tr'[id]':even td:nth-child(2)").css("background-color", "#FFFFFF"); 
     $(".student_account td table tbody tr'[id]':even td:nth-child(3)").css("background-color", "#FFFFFF"); 

     // for 4th and 5th column 
     $(".student_account td table tbody tr'[id]':even td:nth-child(4)").css("background-color", "#F5FAF3"); 
     $(".student_account td table tbody tr'[id]':even td:nth-child(5)").css("background-color", "#F5FAF3"); 


     // for 6th t0 9th column 
     $(".student_account td table tbody tr'[id]':even td:nth-child(6)").css("background-color", "#FBFCEA"); 
     $(".student_account td table tbody tr'[id]':even td:nth-child(7)").css("background-color", "#FBFCEA"); 
     $(".student_account td table tbody tr'[id]':even td:nth-child(8)").css("background-color", "#FBFCEA"); 
     $(".student_account td table tbody tr'[id]':even td:nth-child(9)").css("background-color", "#FBFCEA"); 


     // for 10th column 
     $(".student_account td table tbody tr'[id]':even td:nth-child(10)").css("background-color", "#EDF8FE"); 

     $(".student_account td table tbody tr'[id=" + name + "]' td").css("background-color", "#56A52E"); 

     /*end color coding*/ 
    }

출처

2013-08-01 05:56:51

나는이 같은 (대신 ASPxGridView의 속성을 설정하는) DevExpress의 CSS 스타일을 사용하는 것이 좋습니다. 예를 들어,

.dxgvDataRow_MyGrid:hover 
{ 
    color: gray; 
}

는 영문 CSS 클래스 이름은 단지 개발 모드에서 브라우저를 열고 소스 코드를 볼 관찰이 같은 클래스를 찾을 수 있습니다 :

<dx:ASPxGridView ID="grid" runat="server" Styles-CssPostfix="MyGrid" ...

CSS를 다음 사용하는 것이 dxgvDataRowHover을, dxgvFocusedRow, dxgvSelectedRow 외 다수.

이러한 스타일 사용자 정의의 장점은 html 태그가 html 요소 각각에 대해 스타일 속성을 만들지 않아도 CSS 편집이 쉽고 빠르며 속성을 설정하여 모든 ASPxGridView 컨트롤을 사용자 정의 할 필요가 없다는 것입니다.

출처

2013-07-26 09:46:33

한 번에 aspx gridview에서 셀 색상과 교대 행 색상을 적용하는 방법

답변

관련 문제