Jsf p:dialog内的p:datatable将对话框拉伸到浏览器的全宽

Jsf p:dialog内的p:datatable将对话框拉伸到浏览器的全宽,jsf,primefaces,Jsf,Primefaces,我已将primefaces应用程序从primefaces版本3.3升级到6.0(最新版本)。除了p:dialog中显示p:datatable的页面之外,大多数组件和页面都工作正常。它将对话框拉伸到浏览器的整个宽度。如果我调整浏览器的大小,所有列都会堆叠在一起。此问题的解决方案是什么?将primefaces对话框的宽度属性设置为特定值,如下所示: <p:dialog id="myDlg" widgetVar="myDialog" modal="true" width="1000" resi

我已将primefaces应用程序从primefaces版本3.3升级到6.0(最新版本)。除了p:dialog中显示p:datatable的页面之外,大多数组件和页面都工作正常。它将对话框拉伸到浏览器的整个宽度。如果我调整浏览器的大小,所有列都会堆叠在一起。此问题的解决方案是什么?

将primefaces对话框的宽度属性设置为特定值,如下所示:

 <p:dialog id="myDlg" widgetVar="myDialog" modal="true" width="1000" resizable="false" appendTo="@(body)" header="Header" closeOnEscape="true">

  //your table here

 </p:dialog>

//你的桌子在这儿吗

如果对话框中还有表单,则可以将表单条目放在网格面板上。

将primefaces对话框的宽度属性设置为特定值,如下所示:

 <p:dialog id="myDlg" widgetVar="myDialog" modal="true" width="1000" resizable="false" appendTo="@(body)" header="Header" closeOnEscape="true">

  //your table here

 </p:dialog>

//你的桌子在这儿吗

如果对话框中还有表单,则可以将表单的条目放在网格面板上。

最新版本的PrimeFaces具有“响应”对话框属性。因此,您的对话框代码应该如下所示:

<p:dialog> id = "someDialog" widgetVar = "someDialog" modal = "true" responsive = "true">
    //dialog code
</p:dialog>
id=“someDialog”widgetVar=“someDialog”modal=“true”responsive=“true”>
//对话框代码

PrimeFaces的最新版本具有“响应”对话框属性。因此,您的对话框代码应该如下所示:

<p:dialog> id = "someDialog" widgetVar = "someDialog" modal = "true" responsive = "true">
    //dialog code
</p:dialog>
id=“someDialog”widgetVar=“someDialog”modal=“true”responsive=“true”>
//对话框代码

它被放在6.0版中

您希望发生什么行为?您希望p:对话框是设置宽度还是响应页面宽度?@TonyScialo:我希望此对话框响应页面宽度。因此,当我在手机或平板电脑上打开网页时,它应该相应地调整它的大小。下面的答案对你有用吗?你希望发生什么行为?您希望p:对话框是设置宽度还是响应页面宽度?@TonyScialo:我希望此对话框响应页面宽度。所以,当我在手机或平板电脑上打开网页时,它应该相应地调整它的大小。下面的答案对你有用吗?