2016-07-16 3 views
0

WebサイトでJquery DataTablesを使用しています。今、Excel-Export関数を追加したいと思います。私は彼らのウェブサイトにその構文を見つけました。そのためには機能します。Jquery DataTablesの構文エラー

しかし、私は私の2つのコードの部分を一緒に合うように問題を抱えて:

私の既存の部品:

<script> 
    $(function() { 
    // $("#example1").DataTable(); 
    $('#liste').DataTable({ 

    // When I try something like this: 
    dom: 'Bfrtip', 
    buttons: [ 
     'excel' 
     ] 
    // the code do to NOT work at all 

     "paging": true, 
     "lengthChange": false, 
     "searching": true, 
     "ordering": true, 
     "info": true, 
     "autoWidth": false, 
     "language": { 
      "url": "../plugins/datatables/dataTables.german.lang" 

     } 
    }); 
    }); 
</script> 

エクスポート機能を表示する部分である:

私が使用
<script> 
$(document).ready(function() { 
    $('#liste').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [ 
     'excel' 
     ] 
    }); 
}); 

</script> 

を私の既存のコードに "export-code"を入れるが、テーブル全体が "うまくいきません"。私は文法をちょっと説明しました。

誰でも私にヒントを教えてもらえますか?

+0

あなたの質問を編集して、壊れているコードのバージョンを表示できますか?私は '.DataTable()'を使っていませんが、最初のコードブロックの '.DataTable()'メソッドに渡すオブジェクトに 'dom'と' buttons'プロパティを追加するだけではありませんか? – nnnnnn

+0

私はまだあなたの実際の問題を理解していない、コードを統合することはできませんこの完全な例を参照してください(https://editor.datatables.net/examples/extensions/exportButtons.html) –

+0

私はする必要があります最初のコードブロックの中に "excel code"を入れてください。私の問題は、JS "構文ブラケットdesaster"です。 2つの別々のJSブロックがあると、DataTableは初期エラーのようなことを言っています。 – DragonStyle

答えて

1

buttons: [ 'excel' ]ブロックの後にカンマが必要です。

$('#liste').DataTable({ 
    "dom": "Bfrtip", 
    "buttons": [ 
    "excel" 
    ], 
    "paging": true, 
    "lengthChange": false, 
    "searching": true, 
    "ordering": true, 
    "info": true, 
    "autoWidth": false, 
    "language": { 
    "url": "../plugins/datatables/dataTables.german.lang" 
    } 
}); 

また、ボタン拡張に適切なファイルを含めることを忘れないでください。 Downloadページに含めるファイルを生成することができます。

+0

ありがとうございました。それはそれだった。 – DragonStyle