如何将 AJAX 数据中的htlm和css注解解释为pdfhtml5数据表

ecbunoof  于 2023-01-27  发布在  HTML5
关注(0)|答案(1)|浏览(124)

我有一个问题与pdfhtml5导出。我有数据表与HTML和CSS样式,并希望在PDF或其他插件可视化。
这是变量exportOptions

var thisExportOptions = {
        exportOptions: {
            rows: function(idx, data, node) {
                var checkedB = sontCoches(".dt-class-checkbox", "entireRow");
                var dt = new $.fn.dataTable.Api('#datatable-configuration');
                $(checkedB).each(function(i, v) {
                    dt.row(this).select();
                });
                var selected = dt.rows({ selected: true }).indexes().toArray();
                if (selected.length === 0 || $.inArray(idx, selected) !== -1)
                    return true;
                return false;
            },
            columns: ':visible'
        }
    };

这是数据表ID

var table = $('#datatable-configuration').DataTable({
"ajax": {
            "url": "/backend/index.php",
            "dataType": "json",
            "type": "GET",
            "data": {
                "app": get ["app"],
                "module": get ["module"],
                "element": cElement,
                "action": "serverside",
                "actionParent": get ["action"],
                //"get": get,
            }
        },
"buttons": [
            $.extend(true, {}, thisExportOptions, { text: 'Imprimer', extend: 'print' }),
            $.extend(true, {}, thisExportOptions, { text: 'PDF', extend: 'pdfHtml5' }),

            { extend: 'colvis', text: 'Export colonnes', className: 'btn-primary', columns: ":not(.notConcernedByColvis)" }
        ],
 "fnStateLoad": function(oSettings) {
            return JSON.parse(localStorage.getItem('dataTableStore'));
        },
        "stateSaveParams": function(settings, data) {
                data.columns.forEach(function(column) {
                    delete column.visible;
                });
            }

)}

Php代码

$datas[$key]['nom'] = "<span class='font-weight-bold text-success'>" . $brute->raison_sociale . "</span>";
                            $datas[$key]['nom'] .= (!empty($brute->rcs_siret)) ? "<br /><small><span class='font-weight-bold'>RCS : </span><span class='right'>" . $brute->rcs_siret . "</span></small>" : "";
                            $datas[$key]['autres'] = '';

pdf文件是这样的Pdf export with no css and HTML no interpreted

qgzx9mmu

qgzx9mmu1#

最后我找到了WkHtmlToPdf它可以将HTML页面转换为PDF文件。它非常有用,而且是免费的,PHP WkHtmlToPdf提供了一个简单干净的界面,当你只想在你的项目中使用免费的解决方案时,可以轻松地创建PDF和图像。
如需了解更多信息:https://github.com/mikehaertl/phpwkhtmltopdf

相关问题