어떻게 고정하는 테이블 헤더 행은

struts2 디스플레이 테이블에서 테이블 머리글 행을 고정하는 방법

코드 위

<display:table id="approvalList" name="approvalList" pagesize="${PAGESIZE}" export="false" style="width:934px;align:right;overflow: auto" class="tableHeading" requestURI="approval-list" > 
<display:column title="Reports" sortable="false" style="width:11%;text-decoration:none;text-align:left;">111</display:column> 
<display:column title="Project No." sortable="false" style="width:13%;text-decoration:none;text-align:left;">222</display:column> 
<display:column title="Status" sortable="false" style="width:16%;text-decoration:none;text-align:left;">333</display:column> 
<display:column title="Client Name" sortable="false" style="width:18%;text-decoration:none;text-align:left;">444</display:column> 
<display:column title="Project Name" sortable="false" style="width:20%;text-decoration:none;text-align:left;">555</display:column> 
<display:column title="Set No." sortable="false" style="width:10%;text-decoration:none;text-align:left;">666</display:column> 
<display:column title="Placed Date" sortable="false" style="width:12%;text-decoration:none;text-align:center;">777</display:column>    </display:table>

는 HTML 코드 아래를 생성 struts2 디스플레이 테이블에 테이블 머리글 행을 고정하는 방법.

<table id="approvalList" style="width:934px;align:right;overflow: auto" class="tableHeading"> 
    <thead> 
    <tr> 
     <th>Reports</th> 
     <th>Project No.</th> 
     <th>Status</th> 
     <th>Client Name</th> 
     <th>Project Name</th> 
     <th>Set No.</th> 
     <th>Placed Date</th> 
    </tr> 
</thead> 
<tbody>  
    <tr class="even"> 
     <td style="width:11%;text-decoration:none;text-align:left;">111</td> 
     <td style="width:13%;text-decoration:none;text-align:left;">222</td> 
     <td style="width:16%;text-decoration:none;text-align:left;">333</td> 
     <td style="width:18%;text-decoration:none;text-align:left;">444</td> 
     <td style="width:20%;text-decoration:none;text-align:left;">555</td> 
     <td style="width:10%;text-decoration:none;text-align:left;">666</td> 
     <td style="width:12%;text-decoration:none;text-align:left;">777</td> 
    </tr> 
    <tr class="odd"> 
     <td style="width:11%;text-decoration:none;text-align:left;">111</td> 
     <td style="width:13%;text-decoration:none;text-align:left;">222</td> 
     <td style="width:16%;text-decoration:none;text-align:left;">333</td> 
     <td style="width:18%;text-decoration:none;text-align:left;">444</td> 
     <td style="width:20%;text-decoration:none;text-align:left;">555</td> 
     <td style="width:10%;text-decoration:none;text-align:left;">666</td> 
     <td style="width:12%;text-decoration:none;text-align:left;">777</td> 
    </tr> 
</tbody> 
</table>

출처

2013-01-25 Ketan Shekhawat

하시겠습니까? : 표 { 표 레이아웃 : 고정; } –

아니요, 그는 테이블 스크롤로 고정 된 헤더를 의미합니다. 웹상에 여러 가지 솔루션이 있지만 displayTag는 낡았습니다. 그런 솔루션 중 어느 것도 더 이상 새 브라우저에서 작동하지 않을 것입니다. 당신은 조금 속일 필요가 :/ –

고마워 ** Andrea **하지만 내가 고정 테이블 헤더 행에 원하는 생성 된 HTML 코드에 대한 솔루션입니다. –

-1

Struts는 CSS 및/또는 Javascript를 제공하지 않습니다.

http://www.tablefixedheader.com/ 또는 http://www.imaputz.com/cssStuff/bigFourVersion.html을 시도해보십시오. 모든 것은 당신의 요구 사항에 달려 있습니다.

다른 권장 방법은 인라인 스타일 (스타일 속성)을 피하고 CSS 파일과 클래스 속성을 선호하는 것입니다. 그들에는 많은 이점이있다, 당신은 google에서만 그것을 찾아야한다.

이 도움이 되었기를 바랍니다. 모든 의견을 환영합니다.

출처

2013-01-25 17:53:27

어떻게 고정하는 테이블 헤더 행은

답변

관련 문제