修改 Bootstrap 数据表

Question

我使用 bootstrap datatable 的示例在我的 symfony 项目中有一个 sortable table。我用 datatables.net

使用此 javascript 代码：

$(document).ready(function() {
    $('#datatable').DataTable();
} );

还有我的 table 在 HTML :

<table id="datatable" class="table table-striped">
 <thead>
    <tr>...

唯一的问题是我不希望我的所有列都是排序的table（例如，某些列只包含一个复选框或一个按钮）。此外，使用此 table 和此 javascript 代码，我自动拥有一个搜索栏以及上一个下一个按钮和其他自动出现的选项。我希望能够通过删除所有这些我不需要的选项来修改此默认模板。您知道如何调整此数据table吗？

提前致谢

Answer 1

您应该阅读数据表的文档。 https://datatables.net/extensions/rowreorder/examples/initialisation/restrictedOrdering.html

示例：

// add class reorder on column, that you want to order
$(document).ready(function() {
    var table = $('#example').DataTable( {
        rowReorder: true,
        columnDefs: [
            { orderable: true, className: 'reorder', targets: 0 },
            { orderable: false, targets: '_all' }
        ]
    } );
} );

修改 Bootstrap 数据表

Modify Bootstrap DataTable

sorting

datatable

templates

symfony

adapt