第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

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

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

紅糖糍粑 2022-11-11 15:09:18
這是我第二次嘗試使用庫(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',            },
查看完整描述

1 回答

?
Helenr

TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超4個(gè)贊

您正在實(shí)例化 DataTables 兩次,它只需要實(shí)例化一次


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


$('.table').DataTable({

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

    buttons: {

        name: 'primary',

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

        }}       

    ); 

這是一個(gè)工作示例的jsfiddle


查看完整回答
反對(duì) 回復(fù) 2022-11-11
  • 1 回答
  • 0 關(guān)注
  • 75 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)