title: Fixed position of buttons in dialog of JSF page
body: <p>I am using a PrimeFaces dialog. I have just a few elements there. A dataTable and 2 buttons (Ok and Cancel).
  But buttons are displayed on bottom, and are visible only when I scroll down the whole table. I want them to be always displayed on bottom, no matter if I am on first or last row.
  I search a lot but didn't find anything that works.
  Here is snippet from my code:</p>
  
  <pre><code>&lt;f:facet name="{SelectPrijemca}"&gt;
                              &lt;div class="Fs14 Absolute" style="right: 11px; top: 4px"&gt;
                                  &lt;p:outputLabel value="#{MAService.selectedPrijemca.nazO}" style="color:white"/&gt;
                                  &lt;p:spacer width="7px"/&gt;
                                  &lt;p:commandButton value="Príjemca" id="selectPrijemcaButton" icon="fa fa-user" rendered="#{MAService.managerAccess}"
                                                   onclick="PF('PrijemcaDialogWidget').show();" style="margin-top:2px"&gt;
                                  &lt;/p:commandButton&gt;
                              &lt;/div&gt;
                              &lt;p:dialog id="PrijemcaDialog" header="Vybrať príjemcu" widgetVar="PrijemcaDialogWidget" showEffect="fade" hideEffect="fade" height="600" width="1300" position="center" modal="false" resizable="false" &gt;
                                  &lt;h:form id="prijemcaForm"&gt;
                                          &lt;p:dataTable 
                                              id="prijemcaTable" 
                                              scrollable="false"
                                              var="prijemca"
                                              widgetVar="prijemcaTableWidget" 
                                              value="#{MAService.prijemcoviaList}"
                                              selectionMode="single" 
                                              filteredValue="#{MAService.filteredPrijemcovia}"
                                              emptyMessage="#{messages.localizeEShop('webclient$datatable.tableEmpty')}"
                                              selection="#{MAService.selectedPrijemca}"
                                              rowKey="#{prijemca.id}" &gt;
  
                                              &lt;p:column width="50"
                                                  filterBy="#{prijemca.nazO}" filterMatchMode="contains"
                                                  filterStyleClass="narrowEdit"
                                                  headerText="#{messages.localizeEShop('webclient$subfiles.lo.LOObjWeb.cols.PrijNaz')}"
                                                  sortBy="#{prijemca.nazO}" styleClass="TexAlLeft"
                                                  style="white-space: nowrap !important;&gt;
                                                  &lt;h:outputText value="#{prijemca.nazO}" styleClass="TexAlLeft" style="color: gray"/&gt;
                                              &lt;/p:column&gt;
                                              &lt;p:column width="5"
                                                  filterBy="#{prijemca.ici}" filterMatchMode="contains"
                                                  filterStyleClass="narrowEdit"
                                                  headerText="#{messages.localizeEShop('webclient$subfiles.lo.LOObjWeb.cols.PrijIci')}"
                                                  sortBy="#{prijemca.ici}" styleClass="TexAlLeft"
                                                  style="white-space: nowrap !important;&gt;
                                                  &lt;h:outputText value="#{prijemca.ici}" styleClass="TexAlLeft" style="color: gray"/&gt;
                                              &lt;/p:column&gt;
                                          &lt;/p:dataTable&gt;
                                      &lt;p:panelGrid columns="2"&gt;
                                          &lt;p:commandButton value="OK" icon="fa fa-check" process="prijemcaForm" actionListener="#{MAService.changePrijemca()}" update="contentForm"/&gt;
                                          &lt;p:commandButton value="Zrušiť" icon="fa fa-times" onclick="PF('PrijemcaDialogWidget').hide()" style="background-color:red"/&gt;
                                      &lt;/p:panelGrid&gt;
                                  &lt;/h:form&gt;
                              &lt;/p:dialog&gt; 
  
                          &lt;/f:facet&gt;    
  </code></pre>
  
  <p>And just one note, I can not make dataTable scrollable, because I use this facet in paginatorTemplate of another dataTable and it somehow makes scrollable all the page where is this table.</p>
  
  <p>I found one partial solution when I wrapped panelGrid where buttons are with:</p>
  
  <pre><code>&lt;div style="position: fixed; width: 65%; top: 70%; left: 16%&gt;&lt;/div&gt;     
  </code></pre>
  
  <p>But this doesn't fix buttons in dialog but on whole page. So when there is way how to make dialog not movable (draggable) I could go this way.</p>