Datatables.net: Как установить заголовок документа (excelHtml5 и pdfHtml5) на основе поля ввода?
Я использую Datatables.net, и мне нужно изменить заголовок экспортируемого документа (excelHtml5 и pdfHtml5) в зависимости от значения поля ввода. Идея состоит в том, чтобы пользователь мог изменить заголовок экспортируемых файлов на основе их поиска.
На данный момент все мои кнопки имеют одинаковое значение заголовка:
{
extend: 'excelHtml5',
title: 'Title 1', //change this value based on an input field
},
{
extend: 'pdfHtml5',
title: 'Title 2', //change this value based on an input field
}
Как я могу сделать это?
3 ответа
Я нашел, что это работает в моем случае. jQuery DataTable Установить заголовок при нажатии кнопки
buttons: [
{
extend: 'excelHtml5',
title: function() {
return $("#exportTitle").val();
}
},
{
extend: 'pdfHtml5',
title: function() {
return $("#exportTitle").val();
}
}
]
Чтобы обновить свойство заголовка кнопки экспорта, я использовал метод действия этой кнопки:
action: function (e, dt, node, config)
{
///update title property based on the added input field
config.title = $("#exportTitle").val();
///procede with the export
$.fn.dataTable.ext.buttons.excelHtml5.action(e, dt, node, config);
},
Надеюсь это поможет.
используйте текст в качестве заголовка в ваших кнопках datatables
buttons:[
{
extend: 'excelHtml5',
text:'Export Excel',
},
],