【发布时间】:2017-04-26 11:51:36
【问题描述】:
我正在尝试为我的数据表结果制作 Excel、PDF 和打印按钮, 好吧,我做到了,但是,当我重新加载数据表的内容时,excel 和打印按钮消失了,
这就是我将信息发送到数据表的方式
$.ajax({
type: 'POST',
url: 'Inicio.aspx/ContactsList',
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
FillDataTable(data, 'Listado de Todos');
}
});
这是我的数据表的方法
function FillDataTable(data, reporte) {
$('#GridActivos').dataTable({
dom: 'Bfrtip',
destroy: true,
buttons: [
{
extend: 'excel',
customize: function (xlsx) {
var sheet = xlsx.xl.worksheets['sheet1.xml'];
$('row c[r*="10"]', sheet).attr('s', '25');
},
title: reporte
},
{
extend: 'pdf',
title: reporte
},
{
extend: 'print',
customize: function (win) {
$(win.document.body)
.css('font-size', '10pt')
.prepend(
'<img src="http://datatables.net/media/images/logo-fade.png" style="position:absolute; top:0; left:0;" />'
);
$(win.document.body).find('table')
.addClass('compact')
.css('font-size', 'inherit');
},
title: reporte
},
],
select: {
style: 'single'
},
bProcessing: true,
"aaData": JSON.parse(data.d),
"aoColumns": [
{ "mDataProp": "ID" },
{ "mDataProp": "NOMBRES" },
{ "mDataProp": "Sexo" },
{ "mDataProp": "Edad" },
{ "mDataProp": "Puntuacion" },
{ "mDataProp": "NivelEconomico" },
{ "mDataProp": "Hacinamiento" },
{ "mDataProp": "RelM" },
{ "mDataProp": "RelP" },
{ "mDataProp": "RelT" }
]
});
}
这是您第一次按下搜索按钮时的图像 Imagen1
这是我再次按下的时候 Imagen2
【问题讨论】:
标签: jquery excel datatables datatable-buttons