고정 크기 테이블의 JSF 열 머리글의 너비 설정
-
13-12-2019 - |
문제
테이블 레이아웃이있는 JSF DataTable을 가지고 있습니다. 해당 열에 대한 백분율 기반 너비를 설정하려고합니다.i IE의 헤더에 너비 속성을 추가하면 예상대로 작동합니다.그러나 코드 에이 너비 속성을 추가하는 방법을 알 수 없습니다. 패싯 헤더 안에 속성을 추가했지만 작동하지 않았습니다.그것은 열 태그 내부에서 설정하지 않았습니다.
누구든지 나를 도울 수 있다면 그것은 감사 할 것입니다.
<h:column>
<f:facet name="header">
<h:outputText
value="#{messageSource['tasks.headline.task']}" />
<f:attribute name="width" value="20%"/>
</f:facet>
<t:commandLink id="lookAtTask" action="lookAtTask">
<t:updateActionListener property="#{flowScope.localTask}"
value="#{data.task}" />
<h:graphicImage url="/images/icon_properties_16x16.gif"
alt="#{messageSource['tasks.headline.task']}" />
</t:commandLink>
</h:column>
. 해결책
headerClass
의 <h:column>
속성을 사용하여 헤더의 스타일 클래스를 지정할 수 있습니다.
<h:dataTable ...>
<h:column headerClass="col1">
<f:facet name="header">...</f:facet>
...
</h:column>
<h:column headerClass="col2">
<f:facet name="header">...</f:facet>
...
</h:column>
<h:column headerClass="col3">
<f:facet name="header">...</f:facet>
...
</h:column>
</h:dataTable>
.
예를 들어.이 CSS
.col1 { width: 20%; }
.col2 { width: 30%; }
.col3 { width: 50%; }
. 제휴하지 않습니다 StackOverflow