如何在懒加载PrimeFaces p:dataTable页面加载时选中首行？

你的问题核心在于事件选择错误：page事件仅在分页切换时触发，页面首次加载不会触发该事件，因此你写的onsuccess代码根本不会执行。再加上表格开启了lazy="true"懒加载模式，数据是异步加载的，即便在页面加载时直接调用selectRow，也可能因数据未渲染完成而失效。

以下是几种可行的解决方案：

方案1：利用datatable的load事件 #

PrimeFaces的p:dataTable提供了load事件，会在数据加载（包括首次懒加载）完成后触发，完美适配懒加载场景：

<p:dataTable id="dtbList" value="#{Controller.items}" var="item" widgetVar="dataTableList" lazy="true" 
selection="#{Controller.selectedValue}" rowKey="#{item.key}" 
scrollable="true" scrollHeight="133">

    <p:ajax event="rowSelectRadio" listener="#{Controller.handleSelectList}" update="dtbList" 
    oncomplete="resetScroll();"/>
    
    <!-- 新增load事件处理，数据加载完成后选中第一行 -->
    <p:ajax event="load" onsuccess="PF('dataTableList').selectRow(0);"/>
    ...
</p:dataTable>

方案2：页面加载完成后延迟执行 #

如果load事件不生效，可以在页面DOM加载完成后，延迟一小段时间执行选择逻辑，确保表格行已渲染：

<script>
$(document).ready(function() {
    // 延迟200ms确保懒加载数据渲染完成
    setTimeout(function() {
        const dataTable = PF('dataTableList');
        if (dataTable && dataTable.getRowsCount() > 0) {
            dataTable.selectRow(0);
        }
    }, 200);
});
</script>

方案3：后端初始化选中值（最可靠方式） #

直接在后端Controller的初始化方法中，将selectedValue设置为集合的第一个元素，无需前端操作，稳定性更高：

@PostConstruct
public void init() {
    // 确保items已加载（懒加载场景需先触发数据加载逻辑）
    if (items != null && !items.isEmpty()) {
        selectedValue = items.get(0);
    }
}

注意：懒加载模式下，要保证items在@PostConstruct执行时已有数据，或者在懒加载的load方法中同步设置选中值。

额外注意事项 #

• 确保表格为单选模式：需配合<p:rowRadio>列使用，否则selectRow无法正确触发选中样式。
• 调用selectRow前需判断数据存在：通过PF('dataTableList').getRowsCount()确认表格有数据，避免索引越界。

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