如何破坏datatable？ [英] How to destroy a datatable?

问题描述

我正在使用数据表，并使用 bootstrap-daterangepicker 来选择数据将显示在数据表中的范围。

I'm using datatables and using bootstrap-daterangepicker to select a range for which data will be shown in Datatables.

它工作正常

问题是当我在daterangepicker中选择一个新的范围时，它为我提供了一个回调函数，在这里我可以做我的东西。
在该回调函数中，我再次调用Datatables。但是，由于表已经被创建，我如何可以销毁上一张表并在其中显示一个新的表？

The problem is when I select a new range in daterangepicker, it provides me with a callback function where I can do my stuff. In that callback function, I'm calling Datatables again. But since the table is already being created, how can I destroy the previous table and show a new one in it's place?

请帮助。我被卡住了：（

Kindly help. I'm stuck. :(

编辑：
我有以下代码：

I've the following code:

$(element).daterangepicker({options},
function (startDate, endDate) { //This is the callback function that will get called each time
$('#feedback-datatable').dataTable({
                        "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
                        "sPaginationType": "bootstrap",
                        "oLanguage": {
                            "sLengthMenu": "_MENU_ records per page",
                            "oPaginate": {
                                "sPrevious": "Prev",
                                "sNext": "Next"
                            }
                        },
                        "aoColumnDefs": [{
                            'bSortable': false,
                            'aTargets': [2,4]
                        }],
                        "bAutoWidth": false,
                        "aoColumns": [
                                      {"sWidth": "20%"},
                                      {"sWidth": "15%"},
                                      {"sWidth": "45%"},
                                      {"sWidth": "15%"},
                                      {"sWidth": "5%"}
                                      ]
                    });
}

推荐答案

要完全删除和删除datatable对象及其DOM元素需要：

To completely delete and remove the datatable object with its DOM elements you need to :

//Delete the datable object first
if(oTable != null)oTable.fnDestroy();
//Remove all the DOM elements
$('#feedback-datatable').empty();

这篇关于如何破坏datatable？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！