JQuery с поддержкой различных форматов, таких как Excel, PDF - PullRequest
Новая
       77

JQuery с поддержкой различных форматов, таких как Excel, PDF

0 голосов
/ 08 июня 2018 
$('.dataTables-example').DataTable({
            pageLength: 25,
            dom: '<"html5buttons"B>lTfgitp',
            buttons: [
                { extend: 'copy' },
                { extend: 'csv' },
                { extend: 'excel', title: 'ExampleFile' },
                { extend: 'pdfHtml5', title: 'Product Information', messageTop: 'Hi this is pdf message title options', messageBottom: 'Footer PDF show' },
                {
                    extend: 'print',
                    customize: function (win) {
                        $(win.document.body).addClass('white-bg');
                        $(win.document.body).css('font-size', '10px');

                        $(win.document.body).find('table')
                                .addClass('compact')
                                .css('font-size', 'inherit');
                    }
                }
            ]
        });

Я экспортирую данные из jQuery datatable в различных форматах, таких как Excel, PDF.Некоторые ячейки имеют другой цвет фона в таблице данных.Но эти цвета не отображаются в экспортированном Excel или PDF.Может кто-нибудь сказать мне, как решить эту проблему?

1 Ответ

0 голосов
/ 08 июня 2018

Вы можете добавить цвет, как этот https://jsfiddle.net/fj80vtur/1/

$('#example').DataTable({
            pageLength: 25,
            dom: '<"html5buttons"B>lTfgitp',
            buttons: [
                { extend: 'copy' },
                { extend: 'csv' },
                { extend: 'excel', title: 'ExampleFile',
                        customize: function (xlsx) {
                            var sheet = xlsx.xl.worksheets['sheet1.xml'];
                            $('row:first c', sheet).attr('s', '7');
                            $('row c[r^="C"]',sheet).each(function(){
                                    $(this).attr('s', '36');
                                      });
                     }
                },
            ]
        });
...