這是我第二次嘗試使用庫(kù)將簡(jiǎn)單表格導(dǎo)出到任何類型的文檔(Excel、PDF 等),但失敗了。這次我使用DataTables。該表正在顯示,一切似乎都很好,但沒(méi)有顯示用于導(dǎo)出、復(fù)制或任何內(nèi)容的按鈕。如您所見(jiàn),任何地方都沒(méi)有導(dǎo)出按鈕。開(kāi)發(fā)者控制臺(tái)中也沒(méi)有警告或錯(cuò)誤。以下是我在 Symfony 5 項(xiàng)目中使用 DataTables 所遵循的步驟:使用以下選項(xiàng)將 CDN 鏈接從下載頁(yè)面添加到基本模板:按鈕、HTML5 導(dǎo)出、JSZip、pdfmake打印視圖響應(yīng)式數(shù)據(jù)表樣式框架:Bootstrap 4包:擴(kuò)展:實(shí)例化 DataTable 以創(chuàng)建表。這是最終 JS 在開(kāi)發(fā)者控制臺(tái)中的樣子:$(document).ready(function() { $('.table').DataTable({ ajax: { url: "/api/inventory_items.json", dataSrc: '' }, buttons: ['excel'], columns: [{ data: 'center.name', title: 'Centro', defaultContent: 'N/A', }, { data: 'program.name', title: 'Programa', defaultContent: 'N/A', }, { data: 'description', title: 'Descripción', defaultContent: 'N/A', }, { data: 'comment', title: 'Comentario', defaultContent: 'N/A', }, { data: 'item_condition', title: 'Condición', defaultContent: 'N/A', }, { data: 'age', title: 'Antigüedad', defaultContent: 'N/A', }, { data: 'purchase_price', title: 'Precio de compra', defaultContent: 'N/A', }, { data: 'purchase_currency', title: 'Moneda de compra', defaultContent: 'N/A', } { data: 'sn', title: 'S/N', defaultContent: 'N/A', }, { data: 'physical_location', title: 'Ubicación Física', defaultContent: 'N/A', }, { data: 'date', title: 'Fecha', defaultContent: 'N/A', },
Symfony 5 + Webpack Encore + Datatables:未顯示按鈕
紅糖糍粑
2022-11-11 15:09:18