【问题标题】:Modify Bootstrap DataTable修改引导数据表
【发布时间】:2020-07-24 13:03:05
【问题描述】:

我使用了一个引导数据表的示例,在我的 symfony 项目中创建了一个可排序的表。我使用 datatables.net

使用这个 javascript 代码:

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

还有我的 HTML 表格:

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

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

提前致谢

【问题讨论】:

标签: symfony sorting templates datatable adapt


【解决方案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' }
        ]
    } );
} );

【讨论】:

  • 谢谢!事实上,我在这部分文档中找到了解决方案
猜你喜欢
  • 1970-01-01
  • 2015-08-14
  • 1970-01-01
  • 2012-01-24
  • 2010-11-19
  • 1970-01-01
  • 2012-05-21
  • 1970-01-01
  • 2015-12-01
相关资源
最近更新 更多