如何在一个页面中显示多个Rich:DataTable？

<h:outputStylesheet library="org.richfaces" name="skin.xcss" />
<h:outputScript library="org.richfaces" name="jquery.js" />
<h:outputScript library="org.richfaces" name="richfaces.js" />

<rich:dataTable id="table1" value="#{bean.data1}" var="item">
    <!-- 表格内容 -->
</rich:dataTable>

<rich:dataTable id="table2" value="#{bean.data2}" var="item">
    <!-- 表格内容 -->
</rich:dataTable>

<!-- 添加更多的Rich:DataTable组件 -->

<h:commandButton value="显示表格1" action="#{bean.showTable1}" />
<h:commandButton value="显示表格2" action="#{bean.showTable2}" />
<!-- 添加更多的按钮或其他触发事件的元素 -->

@ManagedBean
public class Bean {
    private boolean showTable1;
    private boolean showTable2;
    // 添加更多的标志位或其他控制变量

    // Getter和Setter方法

    public void showTable1() {
        showTable1 = true;
        showTable2 = false;
        // 设置其他标志位或控制变量
    }

    public void showTable2() {
        showTable1 = false;
        showTable2 = true;
        // 设置其他标志位或控制变量
    }

    // 添加更多的方法来控制显示不同的Rich:DataTable
}

<rich:dataTable id="table1" value="#{bean.data1}" var="item" rendered="#{bean.showTable1}">
    <!-- 表格内容 -->
</rich:dataTable>

<rich:dataTable id="table2" value="#{bean.data2}" var="item" rendered="#{bean.showTable2}">
    <!-- 表格内容 -->
</rich:dataTable>

<!-- 添加更多的Rich:DataTable组件 -->