2017-01-03 9 views
0

に複数のヘッダー行が含まれていないデータテーブルのための私のHTMLです:上記のコードDATATABLEは、ここでエクスポートしたPDFファイル

var dt = $('#assessment-data-datatable-' + assessorId).DataTable({ 
       processing: true, 
       serverSide: true, 
       ajax: '/assessment/' + assessmentId + '/' + assessorId + '/fetch', 
       columns: [ 
       { data: 'parameter', defaultContent: 'N/A' }, 
       { data: 'assessment_value', defaultContent: 'N/A' }, 
       { data: 'created_at', defaultContent: 'N/A' } 
       ], 
       dom: 'Bfrtip', 
       buttons: [ 
       { 
        extend: 'pdf', 
        filename: assesseeName + ' assessment by ' + assessorName, 
        exportoptions: { 
         header: true, 
         footer: true 
        } 
       } 
       ], 
       destroy: true 
      }); 

かなりうまく機能し、それ:

<table id="assessment-data-datatable-{{ $assessor->user_id }}"> 
    <thead> 
    <tr class="success"> 
     <th>Assessee: {{ $assignment->assessee->fullname }}</th> 
     <th>Assessor: {{ $assessor->fullname }}</th> 
     <th>Status: {{ $assessor->pivot->status }} </th> 
    </tr> 
    <tr> 
     <th>Parameter</th> 
     <th>Assessment</th> 
     <th>Provided on</th> 
    </tr> 
    </thead> 
</table> 

そしてここでは、jsのコードがありますまた、コンテンツをpdfファイルにエクスポートします。しかし、エクスポートされたpdfファイルには、2番目のヘッダー行しか生成されません。何とかヘッダーの最初の行が除外されます。私もその行を< tfoot>に移動してエクスポートしようとしましたが、そこからも除外されます。

私はここの問題は、datatableはテーブルヘッダーから最大1行だけをエクスポートできることだと思います。任意の助けが理解されるであろう(PDFのスクリーンショット)

enter image description here

は、どのようにヘッダの行をexludesことをここで参照してください。

おかげで、

Parthボラ

答えて

1

はまだデータテーブル自体に実装されていないヘッダに複数の行をエクスポートする機能を推測します。

はdatattable所有者がここに答えるください: https://github.com/DataTables/Buttons/pull/55

をそして私は、なぜそれがテーブルフッターをエクスポートしていなかったことがわかりました。

このコード:

buttons: [ 
    { 
    extend: 'pdf', 
    filename: assesseeName + ' assessment by ' + assessorName, 
    exportoptions: { 
     header: true, 
     footer: true 
    } 
    } 
] 

このようにする必要があり:

buttons: [ 
    { 
    extend: 'pdf', 
    filename: assesseeName + ' assessment by ' + assessorName, 
    }, 
    header: true, 
    footer: true 
] 

ヘッダーとフッターオプションが外部オブジェクトであるべきです。

関連する問題