Code: Select all
<p:dialog header="Modal Dialog" widgetVar="dlg2" modal="true" height="100" responsive="true">
<p:dataTable scrollWidth="50%">
<p:column id="Col1" headerText="Doc No" width="30" style="text-align: left">
12345
</p:column>
</p:dataTable>
<h:outputText value="This is a Modal Dialog." />
</p:dialog>
How do I make the dialog to be center of page just like it is before I add the datatable, when I try to set size the table the dialog floats to the left.