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',
    },
],
Другие вопросы по тегам