在jsf中显示右上角的按钮

Question

我尝试把按钮设置在上面的右上角，但是按钮被accordionPanel隐藏了

我做了很多尝试，但没有成功..

请帮忙！


            <p:panel id="previewPanel" styleClass="col-12">
            <h:commandButton name="saveFile" value="save"   --> here the problem.. 
                styleClass="GreenButton"
                actionListener="#{Upload.save()}"
                onclick="saveFunction()"
                style="float:right;width:90px;height:40px">
            </h:commandButton>
                <h:form id="preview" rendered="#{Upload.fileUpload}">
                    <p:accordionPanel widgetVar="basic">
                        <p:tab title="Data Table">
                            <p class="p-m-0">
                                <p:dataTable id="datas" var="data"
<p:dataTable id="datas" var="data"
                                    value="#{Upload.DataRead}"
                                    styleClass="ui-datatable-striped ui-datatable-sm"
                                    tableStyle="width: auto; max-width:100%; white-space:nowrap"
                                    rowKey="#{zre.number}" paginator="true"
                                    paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
                                    paginatorPosition="bottom"
                                    rowClasses="tableRowOdd,tableRowEven" rows="12" cellpadding="3">
                                    <p:column headerText="Nummer">
                                        <h:outputText value="#{zre.Number}" />
                                    </p:column>
                </p:dataTable>
                            </p>
                        </p:tab>
</p:accordionPanel>
                </h:form>
            </p:panel>

如果我将它添加到面板外，它也会被隐藏。我需要在第一行添加按钮，然后是第一个选项卡。谢谢

这里：一个例子： https://www.primefaces.org/showcase/ui/panel/accordionPanel.xhtml?jfwid=588de

Answer 1

使用

display: block;
margin-left: auto;
width: 90px;
height: 40px;

而不是

float: right;
width: 90px;
height: 40px;

这将使按钮右对齐并且不会被手风琴盖住。

在jsf中显示右上角的按钮

Show the button in the right corner in jsf

css

jsf