asp.net mvc3 webgrid 헤더 스타일, CSS

Question

프로젝트의 부분보기에서 webgrid를 사용했습니다. 나는 테이블 스타일을 다음과 같이 잘 구현했다 :

.webgridtablestyle 
{ 
width: 100%; 
height: auto; 

} 

괜찮아 보인다. 이제는 webgrid에서 다른 헤더의 다른 너비를 정의하고 싶습니다. 그래서 그것을 적용 :

grid.Column("EquipmentManfacturer", header: "Warranty Provider", style:"width:30%") 

하지만 너비가 적용되지 않았습니다. 나는 table-layout을주는 것으로 시도했다. 테이블 스타일로 고정되었다. 테이블 레이아웃 스타일이 적용되었지만 너비 스타일이 헤더에 적용되지 않았다. 어느 누구라도 webgrid에서 다른 헤더에 다른 너비를 적용하는 방법을 알려주십시오. webgrid가 배치 된 대시 보드는 크기 조정이 가능하므로 테이블 너비에 대한 사용자 비율 만 사용자에게 필요합니다.

Answer 1

알다시피, 스타일 속성은 실제로 열이 어떤 클래스에 도착하는지입니다.

원하는 너비로 클래스를 만들고 스타일 속성에서 해당 클래스를 사용하십시오.

e.e.

.column1 
{ 
    width: 30%; 
} 

다음

grid.Column("EquipmentManfacturer", header: "Warranty Provider", style:"column1") 

편집 : 전체 격자의 폭 속성 폭 속성을 정의, 설정 그리드에 TABLESTYLE와 클래스를 설정하고 그 클래스가 될 필요가