追加jquery datatable页脚，而不是使用destroy

我的jQuery数据表页脚将被追加，而不是使用destroy函数。我在单击另一个数据表的行时创建一个新的数据表，每次单击时，我都会根据单击的行创建新的数据表。当我使用

'destroy'：true重新创建新数据表时，先前加载的数据表页脚将存在，新表页脚将与其页脚一起追加，因此这两个页脚都存在

我还尝试了
$（'#attachmentData'）.dataTable（）.destroy（）但它在我的代码中给出了一个错误

未捕获的TypeError:无法读取未定义的属性“aDataSort”

因此，我使用了
'destroy'：true
，它可以很好地工作，但是我遇到了这个页脚追加的问题。你能告诉我哪里出了问题吗

$('#attachmentData').dataTable({
    'aoColumnDefs': [{ 
        "sClass": "hide_me", 
        "aTargets": [0] 
    }],
    'destroy': true,
    'data': response,
    'columns': [{
        "title": "Attachment UId",
        "data": "AttachmentUid"
    }, {
        "title": "Attachment Name",
        "data": "AttachmentName"
    }, {
        "title": "Attachment Type",
        "data": "AttachmentType"
    }, {
        "title": "Created On",
        "data": "CreatedOn"
    }, {
        "title": "Printout",
        "data": "Printout"
    }]
});

要在DataTables 1.10中手动销毁表，需要调用API方法，如下所示。有关更多信息，请参阅

$('#attachmentData').dataTable().api().destroy();

或

DataTables似乎不使用
columns.title
选项更新页脚。请参阅，它只提到更新
元素

解决方法是自己更新页脚，例如：

 $('#attachmentData tfoot tr').html(
    '<th>Attachment UId</th>' +
    '<th>Attachment Name</th>' +
    '<th>Attachment Type</th>' +
    '<th>Created On</th>' +
    '<th>Printout</th>'
);

$（'attachmentData tfoot tr'）.html(
“附件UId”+
“附件名称”+
“附件类型”+
“创建日期”+
“打印输出”
);

有关代码和演示，请参见下面的示例


var响应=[
{
“AttachmentUid”：0，
“AttachmentName”：“AttachmentName”，
“AttachmentType”：“AttachmentType”，
“CreatedOn”：“CreatedOn”，
“打印输出”：“单击我”
},
{
“AttachmentUid”：0，
“AttachmentName”：“AttachmentName”，
“AttachmentType”：“AttachmentType”，
“CreatedOn”：“CreatedOn”，
“打印输出”：“单击我”
},
{
“AttachmentUid”：0，
“AttachmentName”：“AttachmentName”，
“AttachmentType”：“AttachmentType”，
“CreatedOn”：“CreatedOn”，
“打印输出”：“单击我”
}
];
$（文档）.ready（函数（）{
initTable（）；
$（'#示例'）。on（'click'，'.btn'，function（）{
$。每个（响应、功能（索引、obj）{
obj[“附件UID”]+；
});
initTable（）；
});
});
函数initTable（）{
var rnd=数学地板（（数学随机（）*10）+1）；
//更新页脚标题
$（'#示例tfoot tr'）.html(
“附件UId”+rnd+“”+
“附件名称”+rnd+“”+
“附件类型”+rnd+“”+
'在'+rnd+''上创建'+
“打印输出”+rnd+“”
);
$（'#示例'）。数据表({
'aoColumnDefs'：[{
“sClass”：“隐藏我”，
“目标”：[0]
}],
"摧毁":对,，
“数据”：响应，
“列”：[
{
“标题”：“附件UId”+rnd，
“数据”：“AttachmentUid”
}, {
“标题”：“附件名称”+rnd，
“数据”：“附件名称”
}, {
“标题”：“附件类型”+rnd，
“数据”：“AttachmentType”
}, {
“标题”：“创建于”+rnd，
“数据”：“CreatedOn”
}, {
“标题”：“打印输出”+rnd，
“数据”：“打印输出”
}
]
});
}

附件UID
附件名称
附件类型
CreatedOn
打印输出
附件UID
附件名称
附件类型
CreatedOn
打印输出
要在DataTables 1.10中手动销毁表，需要调用API方法，如下所示。有关更多信息，请参阅

$('#attachmentData').dataTable().api().destroy();

或

DataTables似乎不使用
columns.title
选项更新页脚。请参阅，它只提到更新
元素

解决方法是自己更新页脚，例如：

 $('#attachmentData tfoot tr').html(
    '<th>Attachment UId</th>' +
    '<th>Attachment Name</th>' +
    '<th>Attachment Type</th>' +
    '<th>Created On</th>' +
    '<th>Printout</th>'
);

$（'attachmentData tfoot tr'）.html(
“附件UId”+
“附件名称”+
“附件类型”+
“创建日期”+
“打印输出”
);

有关代码和演示，请参见下面的示例


var响应=[
{
“AttachmentUid”：0，
“AttachmentName”：“AttachmentName”，
“AttachmentType”：“AttachmentType”，
“CreatedOn”：“CreatedOn”，
“打印输出”：“单击我”
},
{
“AttachmentUid”：0，
“AttachmentName”：“AttachmentName”，
“AttachmentType”：“AttachmentType”，
“CreatedOn”：“CreatedOn”，
“打印输出”：“单击我”
},
{
“AttachmentUid”：0，
“AttachmentName”：“AttachmentName”，
“AttachmentType”：“AttachmentType”，
“CreatedOn”：“CreatedOn”，
“打印输出”：“单击我”
}
];
$（文档）.ready（函数（）{
initTable（）；
$（'#示例'）。on（'click'，'.btn'，function（）{
$。每个（响应、功能（索引、obj）{
obj[“附件UID”]+；
});
initTable（）；
});
});
函数initTable（）{
var rnd=数学地板（（数学随机（）*10）+1）；
//更新页脚标题
$（'#示例tfoot tr'）.html(
“附件UId”+rnd+“”+
“附件名称”+rnd+“”+
“附件类型”+rnd+“”+
'在'+rnd+''上创建'+
“打印输出”+rnd+“”
);
$（'#示例'）。数据表({
'aoColumnDefs'：[{
“sClass”：“隐藏我”，
“目标”：[0]
}],
"摧毁":对,，
“数据”：响应，
“列”：[
{
“标题”：“附件UId”+rnd，
“数据”：“AttachmentUid”
}, {
“标题”：“附件名称”+rnd，
“数据”：“附件名称”
}, {
“标题”：“附件类型”+rnd，
“数据”：“AttachmentType”
}, {
“标题”：“创建于”+rnd，
“数据”：“CreatedOn”
}, {
“标题”：“打印输出”+rnd，
“数据”：“打印输出”
}
]
});
}

附件UID
附件名称
附件类型
CreatedOn
打印输出
附件UID
附件名称