title: Bootstrap responsive table portion primefaces selectOneMenu not working
body: <p>I am using Bootstrap with primfaces 6.1 in my application.In my page I am using bootstrap responsive table.In mobile view a plus icon appears in the first column.When I press the plus icon it will expand show remaining hidden columns.So now for me when I press plus icon p:selectonemenu has to be appeared but it is not.</p>
  
  <pre><code>    &lt;table id="tableId" style="width: 100%;" class="table table-striped table-bordered responsive"&gt;
      &lt;tr&gt;&lt;td&gt;....&lt;/td&gt;
      &lt;td&gt;....&lt;/td&gt;
      &lt;td&gt;
      &lt;p:selectOneMenu  id="studentComboBox" style="width:100%"
      value="#{stud.name}"&gt;
      &lt;f:selectItems value="#{stud.name}"/&gt;
      &lt;/p:selectOneMenu&gt;
      &lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
  
         &lt;script type="text/javascript"&gt;
         //&lt;![CDATA[
              jQuery(document).ready(function()
              {
                  generateStudentTable();
              });
              function generateStudentTable()
              {                                       
                  $('#tableId').DataTable({
  
                      "bPaginate": true,
                      "pagingType": "full_numbers",
                      "responsive": true,
                      "bLengthChange": true,
                      "bFilter": false,
                      "bSort": false,
                      "bInfo": true,
                      "searching": true,
                      "bAutoWidth": false,
                      "deferRender": true,
                      "pageLength": 10,
                      "aoColumns": [
                          null,
                          null,
                          null                        
                      ]
                  });
              }
              //]]&gt;
          &lt;/script&gt;
  </code></pre>