亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Symfony 5 + Webpack Encore + Datatables:按鈕未顯示

Symfony 5 + Webpack Encore + Datatables:按鈕未顯示

PHP
侃侃爾雅 2023-07-30 12:55:20
這是我第二次嘗試使用庫將簡單表格導出到任何類型的文檔(Excel、PDF 等),但失敗了。這次我使用DataTables。該表正在顯示,一切看起來都很好,但沒有顯示導出、復制或任何內容的按鈕。如您所見,任何地方都沒有導出按鈕。開發者控制臺中也沒有警告或錯誤。以下是我在 Symfony 5 項目中使用 DataTables 時遵循的步驟:使用以下選項將 CDN 鏈接從下載頁面添加到基本模板:按鈕、HTML5 導出、JSZip、pdfmake打印視圖反應靈敏數據表樣式框架:Bootstrap 4套餐:擴展:實例化 DataTable 以創建表。最終的 JS 在開發者控制臺中如下所示:$(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',? ? ? ? ? ? },
查看完整描述

1 回答

?
慕雪6442864

TA貢獻1812條經驗 獲得超5個贊

您實例化 DataTable 兩次,只需實例化一次


將此代碼添加到您的數據表函數中,它將允許您復制/csv/pdf...


$('.table').DataTable({

    dom: 'B<"clear">lfrtip',

    buttons: {

        name: 'primary',

       buttons: [ 'copy', 'csv', 'excel', 'pdf' ]

        }}       

    ); 

這是一個工作示例的jsfiddle


查看完整回答
反對 回復 2023-07-30
  • 1 回答
  • 0 關注
  • 157 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號