1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

JSFのdataTableで表示位置を設定

Posted at

JSFのdataTableで、各カラムのstyleClassで表示位置を設定しても反映されません。
ということで、なんとかして各カラムの表示位置を設定する方法をメモ。
方法自体は簡単で、dataTableにcolumnClasses要素を追加して、先頭のカラムから順番に表示位置を設定すればいいらしい。

xhtml
<h:dataTable value="#{Test001CBb.db.listDetail}" var="m" columnClasses="center,right,,center">
  <h:column>
    <f:facet name="header">1列目</f:facet>
    <h:outputText value="#{m.first}" />
  </h:column>
  <h:column>
    <f:facet name="header">2列目</f:facet>
    <h:outputText value="#{m.second}" />
  </h:column>
  <h:column>
    <f:facet name="header">3列目</f:facet>
    <h:outputText value="#{m.third}" />
  </h:column>
  <h:column>
    <f:facet name="header">4列目</f:facet>
    <h:outputText value="#{m.fourth}" />
  </h:column>
</h:dataTable>

上記の例だと、
 1列目:中央寄せ
 2列目:右寄せ
 3列目:左寄せ(デフォルト)
 4列目:中央寄せ
になります。
あんまり綺麗ではないのですが、ひとまずこれで表示位置は設定できるので、参考までに。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?