Witam! Mam kod jak poniżej i chciałabym, aby w pierwszej kolumnie wyświetlały się numery wierszy. Niestety wychodzi mi coś takiego jak na screenie.
Co robię źle? Może powinnam użyć czegoś zupełnie innego? Proszę o pomoc
<h:dataTable value="#{graczListBB.list}" var="gracz"
cellpadding="5" border="1" cellspacing="0">
<c:forEach items="#{graczListBB.list}" var="gracz" varStatus="loop">
<h:column>
<f:facet name="header">
<h:outputText value="Lp" />
</f:facet>
<h:outputText value="#{loop.index+1}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="ID" />
</f:facet>
<h:outputText value="#{gracz.idgracz}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Nazwa" />
</f:facet>
<h:outputText value="#{gracz.nazwa}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Ostatni Wynik" />
</f:facet>
<h:outputText value="#{gracz.ostatniWynik}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Ostatnio Grano" />
</f:facet>
<h:outputText value="#{gracz.ostatnioGrano}">
<f:convertDateTime pattern="dd-MM-yyyy" />
</h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Opcje" />
</f:facet>
<h:form>
<h:commandButton value="Edytuj"
action="#{graczListBB.editGracz(gracz)}" />
</h:form>
<h:button value="Edytuj (GET)" outcome="graczEdit">
<f:param name="g" value="#{gracz.idgracz}" />
</h:button>
<h:form>
<h:commandButton value="Usuń"
action="#{graczListBB.deleteGracz(gracz)}" update="table" />
</h:form>
</h:column>
</c:forEach>
</h:dataTable>