css - メニューがウィンドウの可視領域に確実に表示されるようにする方法

Question

primefaces submenu: で動的メニューを作成しましたが、多くのメニュー項目が追加されている場合、一部の項目が表示領域に表示されません。

メニュー領域が Web の下部を超えているため、表示できません。サブメニューの方向や位置を変更する解決策はありますか?

どうもありがとう

ここに私のコード：

<table cellpadding="0" cellspacing="0" border="0" width="100%">
                        <tr>
                            <td valign="bottom">
                            <p:tieredMenu position="dynamic" model="#{ServerGroupMgmtBean.model}" id="serverGroupMenu"/>
                            </td>
                            <td width="6"/>
                            <td align="right" valign="bottom">
                            <p:commandButton id="dlgAddId" value="Add" oncomplete="dlgEditSG.show()" update=":editSGForm :smForm:messagePanel">
                              <f:param value="-1" name="editId"/>
                            </p:commandButton>
                            </td>
                        </tr>
                    </table>