How to display variable number of columns in primefaces datatable

Question

I have the following ArrayList

class Report{
private String manufacturer;
private String color;
private List<Double> revenue;
}

How can I display it on primefaces datatable. I tried using p:columns it is not working. I have following code on XHTML page

<p:dataTable value="#{tableBean.reportList}" var="report" id="table">

    <p:column headerText="Manufacturer">#{report.manufacturer}</p:column>

     <p:column headerText="Color">#{report.color}</p:column>
 </p:dataTable >

I also tried p:columns and ui:repeat. But I am not able to achieve desired output. result.

<p:columns var="amount" value="#{report.revenue}">#{amount}</p:columns>

<ui:repeat var="amount" value="#{report.revenue}">
<p:column headerText="Revenue">#{amount}</p:column>
</ui:repeat>

I need output as a table with manufacturer name, color and all revenues

Check the Primefaces Showcase.

Konstantin Yovkov
– Konstantin Yovkov

2013-09-18 08:38:24 +00:00
Commented Sep 18, 2013 at 8:38 — Konstantin Yovkov
– Konstantin Yovkov, Commented Sep 18, 2013 at 8:38

Community · Accepted Answer · 2017-05-23 10:34:12Z

Your mistake is that you referenced the currently iterated row (the object behind <p:dataTable var> as <p:columns value>. This is not possible. The amount of columns cannot vary based on the currently iterated row. It can only be set table-wide. The <p:columns value> should reference a property in a backing bean. For a real world example, see also this answer: Creating and populating a DataTable dynamically in JSF2.0.

In your particular case, you just basically want to use <ui:repeat> inside <p:column>:

<p:dataTable value="#{tableBean.reportList}" var="report">
    <p:column>
        #{report.manufacturer}
    </p:column>
    <p:column>
        #{report.color}
    </p:column>
    <p:column>
        <ui:repeat value="#{report.revenue}" var="revenue">#{revenue}</ui:repeat>
    </p:column>
</p:dataTable>

(if you want to print them in separate lines, print a <br/> after #{revenue}; or if you want to print them commaseparated, make use of varStatus)

or maybe a nested table:

    <p:column>
        <h:dataTable value="#{report.revenue}" var="revenue">#{revenue}</h:dataTable>
    </p:column>

Pl4yeR · Accepted Answer · 2013-09-19 07:04:36Z

2

Try with

<p:column headerText="Manufacturer">#{report.manufacturer}</p:column>

<p:column headerText="Color">#{report.color}</p:column>

<p:columns value="#{tableBean.columns}" var="column">
    <f:facet name="header">
        #{column.header}
    </f:facet>
    #{report.revenue.get(column.property)}
</p:columns>

Where in your bean columns is:

List<ColumnModel> columns;

static public class ColumnModel implements Serializable {

    private String header;
    private int property;

    public ColumnModel(String header, int property) {
        this.header = header;
        this.property = property;
    }

    public String getHeader() {
        return header;
    }

    public int getProperty() {
        return property;
    }
}

Filled as follow:

for(int i = 0; i < TOTAL_NUMBER_OF_REVENUES; i++){
    ColumnModel col = new ColumnModel("Revenue "+i, i);
    columns.add(col);
}

Source : http://www.primefaces.org/showcase/ui/datatableDynamicColumns.jsf

edited Sep 19, 2013 at 7:04

answered Sep 18, 2013 at 8:44

Pl4yeR

1951 silver badge6 bronze badges

2 Comments

BalusC Over a year ago

You're still making the same mistake as the OP: referencing the currently itereated item in <p:columns value>. This is never going to work.

Pl4yeR Over a year ago

Ouch! I wrote report.columns but I was meaning tableBean.columns (columns is a list inside the bean). I will edit it, but anyway your answer is the right one since this one does not work if each Report object has a variable number of revenues... (you has to choose which one are shown...)

Collectives™ on Stack Overflow

How to display variable number of columns in primefaces datatable

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related