Jquery Datatable 没有响应

Question

我有一个在 bootstrap 主题上实现的 jquery 数据表，它应该是响应式的，但它不是。这是我的 HTML..

<div class="col-xs-12 table-responsive">
            <table class="table table-condensed table-striped table-bordered" id="bttable">
                <tfoot>
                    <tr></tr>
                </tfoot>
            </table>
        </div>

这是我的 jquery..

 dt = $("#bttable").dataTable({
            "data": dataSet,
            "paging": false,
            "responsive": true,
            "stateSave": true,
            "columns": [
                { "title": "<input type='checkbox' id='selectAll'>", "bSortable": false, "width": "5px", },
                { "title": "<a href='#' class='btn btn-xs' title='Edit' data-toggle='modal' data-target='#responsive' onclick='edit()'><i class='fa fa-pencil'></i></a>", "bSortable": false, "width": "5px" },
                { "title": "FirstName", "width": "50px" },
                { "title": "LastName" },
                { "title": "Contact Number" },
                { "title": "Email ID" }
            ]
        });

我的 fiddle :https://jsfiddle.net/56n6wwd8/

请帮助我使这个数据表响应..谢谢..

Answer 1

像这样尝试:

<div class="col-xs-12">
<div class="table-responsive">
        <table class="table table-condensed table-striped table-bordered" id="bttable">
            <tfoot>
                <tr></tr>
            </tfoot>
        </table>
    </div>
</div>