如何用Primefaces DataTable展示嵌套列表？附代码问题咨询

嘿，我明白你现在卡在哪了——你原来的代码把行和列的逻辑搞反啦！咱们一步步理顺，搞定这个需求。

问题分析 #

你当前的写法里，p:columns绑定的是每一行data的values列表，这会导致每一行生成的列数等于该行values的长度，而且所有列的表头都是当前行的key，这显然不是你想要的效果。你真正需要的是：把每个TableData的key作为列头，对应的values列表作为该列的所有行数据，对吧？

正确实现思路 #

PrimeFaces的DataTable+p:columns需要的是「统一的列定义」+「行数据集合」的结构，所以我们需要先把你的数据转置：

1. 提取所有TableData的key作为列头集合；
2. 把每个TableData的values列表按索引合并，生成一行行的数据（每一行对应各个列的一个值）。

修改后的代码实现 #

1. 更新Bean类，添加转置后的数据结构 #

import java.io.Serializable;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.Arrays;

public class MyBean implements Serializable {
    private List<TableData> tableData = new ArrayList<TableData>();
    // 存储所有列头（即TableData的key）
    private List<String> columnKeys = new ArrayList<>();
    // 转置后的行数据：每个Map对应一行，key是列头，value是该行该列的值
    private List<Map<String, String>> rowDataList = new ArrayList<>();

    public void fillData(){
        // 示例数据，替换成你实际的valueList
        List<String> valueList = Arrays.asList("Key1-行1", "Key1-行2", "Key1-行3");
        List<String> valueList2 = Arrays.asList("Key2-行1", "Key2-行2", "Key2-行3");
        List<String> valueList3 = Arrays.asList("Key3-行1", "Key3-行2", "Key3-行3");

        this.tableData.add(new TableData("Key1", valueList));
        this.tableData.add(new TableData("Key2", valueList2));
        this.tableData.add(new TableData("Key3", valueList3));

        // 构建列头集合
        for (TableData data : tableData) {
            columnKeys.add(data.getKey());
        }

        // 构建转置后的行数据（确保所有values列表长度一致）
        if (!tableData.isEmpty()) {
            int totalRows = tableData.get(0).getValues().size();
            for (int rowIndex = 0; rowIndex < totalRows; rowIndex++) {
                Map<String, String> rowData = new HashMap<>();
                for (TableData data : tableData) {
                    // 取出当前列的第rowIndex个值，放入行数据中
                    rowData.put(data.getKey(), data.getValues().get(rowIndex));
                }
                rowDataList.add(rowData);
            }
        }
    }

    // 所有getter/setter都要加上
    public List<TableData> getTableData() { return tableData; }
    public void setTableData(List<TableData> tableData) { this.tableData = tableData; }
    public List<String> getColumnKeys() { return columnKeys; }
    public void setColumnKeys(List<String> columnKeys) { this.columnKeys = columnKeys; }
    public List<Map<String, String>> getRowDataList() { return rowDataList; }
    public void setRowDataList(List<Map<String, String>> rowDataList) { this.rowDataList = rowDataList; }
}

2. 修改XHTML页面，使用转置后的数据 #

<p:dataTable value="#{myBean.rowDataList}" var="row">
    <!-- p:columns遍历列头集合，生成对应的列 -->
    <p:columns value="#{myBean.columnKeys}" var="colKey" 
               sortBy="#{row[colKey]}" filterBy="#{row[colKey]}">
        <f:facet name="header">
            <h:outputText value="#{colKey}" />
        </f:facet>
        <!-- 通过row[colKey]取出当前行当前列的值 -->
        <h:outputText value="#{row[colKey]}" />
    </p:columns>
</p:dataTable>

关键说明 #

• 数据转置的必要性：原来的结构是「一行对应一列的所有数据」，而PrimeFaces需要的是「一行对应一行的所有列数据」，转置后才能正确匹配组件的渲染逻辑。
• 排序与过滤：直接在p:columns上绑定sortBy="#{row[colKey]}"和filterBy="#{row[colKey]}"，就能轻松实现你想要的排序和过滤功能，完全符合PrimeFaces的组件规范。
• 注意事项：要确保所有TableData的values列表长度一致，否则转置时会出现索引越界。如果长度不一致，可以考虑补空字符串或者处理成最大长度的行数据。

内容的提问来源于stack exchange，提问作者Jasker