webgrid에 대한 고정 헤더, asp.net mvc3 면도날

webgrid가있는 프로젝트에 패널이 있습니다. 패널의 기능을 극대화하기 위해 너비와 높이가 다르기 때문에 webgrid 너비와 높이를 100 %로 지정했습니다. 그리고 나는 webgrid에 20 행을 표시하고 스크롤 괜찮아요 ... 지금 내 요구 사항은 내 머리글을 고정해야하고 사용자가 콘텐츠를 스크롤 할 수 있습니다 .. 나는 다양한 블로그를 언급했다. 일부 블로그에서는 "th"및 "td"요소에 고정 된 너비를 지정해야하지만 주어진 시나리오에서는 불가능합니다 (%의 지혜로 너비를 지정했기 때문에). "블록 표시"하지만 이건 내 문제가 해결되지 webgrid에 대한 고정 헤더, asp.net mvc3 면도날

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

<style type="text/css"> 

.column5 
{ 
    width: 25%; 
} 

</style>

그리고 그들은이 같은 "일"요소에 대한 CSS 스타일을 제공하기 위해 제공했던 일부 다른 블로그의 예를

하십시오. 어느 누구도 해결책을 찾기 위해 나를 도울 수 있습니까?

출처

2012-03-27 Swetha Bindu

테이블 높이를 제한하고 오버플로를 "스크롤"로 설정하면 테이블 머리를 고정 된 위치로 만들어야합니다. 이렇게하려면 페이지에 다음 CSS를 추가하십시오.

table { display: inline-block; height: 200px; overflow-y: scroll; } 
thead { position: fixed; margin-top: -30px; }

레이아웃을 올바르게 수정하려면 약간의 조정이 필요합니다.

출처

2012-04-17 06:14:02 McGarnagle

답장을 보내 주셔서 감사합니다. My thead는 고정되어 있지만 theade 요소의 coulmns 너비는 다양합니다 .. th 요소는 tbody에서 올바른 td 요소로 amtch하지 않습니다 ... –

@dbaseman, 방금 ur 답변을 참조했습니다. 그리고 그것은 작동하지만 페이지를 스크롤 할 때, 테이블을 보지 않아도 헤더가 고정됩니다. 즉, 전체 페이지에서 고정됩니다. 왜 그런 일이 일어나는지 도와 주실 수 있습니까? – Dhwani

@djIT 새로운 질문을 열어야한다고 생각하십니까? 더 많은 문맥을 알지 못하면 말하기가 어렵습니다. – McGarnagle

webgrid에 대한 고정 헤더, asp.net mvc3 면도날

답변

관련 문제