Bootstrap响应表部分素数selectOneMenu不起作用

Question

我在应用程序中使用带有primfaces 6.1的Bootstrap。在我的页面中，我使用的是Bootstrap响应表。在移动视图中，第一列中显示一个加号图标;当我按下加号图标时，它将展开以显示剩余的隐藏列。所以现在对我来说，当我按下加号图标p：selectonemenu时必须出现，但不是。

    <table id="tableId" style="width: 100%;" class="table table-striped table-bordered responsive">
    <tr><td>....</td>
    <td>....</td>
    <td>
    <p:selectOneMenu  id="studentComboBox" style="width:100%"
    value="#{stud.name}">
    <f:selectItems value="#{stud.name}"/>
    </p:selectOneMenu>
    </td>
    </tr>
    </table>

       <script type="text/javascript">
       //<![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                        
                    ]
                });
            }
            //]]>
        </script>