ボタングループとは別にデータテーブルボタンを表示するにはどうすればよいですか?

ブライアンJ

以下のように、DataTableの下部にボタンの列がありますしかし、今度colVisはテーブルの上部に別のボタンを追加したいと思います。

この例に従って配置する新しいボタンを指定して次のことを試みましたdom: 'Bfrtip'が、エラーが発生します-Uncaught TypeError: Cannot read property 'tag' of undefined at new m (dataTables.buttons.min.js:6)

質問:

ボタングループとは別にデータテーブルボタンを表示するにはどうすればよいですか?

var historyTable = $('#escalation').DataTable({
        "order": [[10, "desc"]],
        colReorder: true,
        columnDefs: [
        {
            orderable: false,
            targets: [7, 11, 12, 13, 14]
        },
        {
            "width": "15%",
            "targets": [7, 11]
        }
        ],
        responsive: true,
        buttons: [
        {
            extend: 'pdf',
            footer: true,
            exportOptions: {
                columns: [1, 2, 5, 6, 11]
            }
        },
        {
            extend: 'print',
            footer: true,
            exportOptions: {
                columns: [1, 2, 5, 6, 11]
            }
        },
        'copy', 'csv', 'excel'
        ],
        'iDisplayLength': 55,
    });


    new $.fn.DataTable.Buttons(historyTable, {
        dom: 'Bfrtip',
        buttons: [
            {
                extend: 'colvis'

            },   
        ]
    });

    historyTable.buttons(1, null).container().appendTo(
    historyTable.table().container()
);

またcolVis、テーブルの上部にあるid colFilterのdivに新しいボタンを作成して追加することも試みましたが、役に立ちませんでした。

//Place colVis filter button at top of table
    var colvis = new $.fn.dataTable.Buttons(historyTable, {
        dom: 'Bfrtip',
        buttons: [
            {
                extend: 'colvis'
            }
    ]
    });

    colvis.container().appendTo('#colFilter');

そして3回目の試みで、ここで説明されているこのアプローチを試しました

    //Place colVis filter button at top of table
    var colvis = new $.fn.dataTable.Buttons(historyTable, {
        buttons: [
            {
                extend: 'colvis',
                postfixButtons: ['colvisRestore']
            }
    ]
    });

    historyTable.buttons(3, null).container().appendTo('#colFilter');

このような例:

ここに画像の説明を入力してください

Bindrid

これは私のために働いた。ボタンを下部に1つ、上部に1つ配置します。ボタンの機能を問題なくテストしましたが、DataTableを介したボタンコンテナオブジェクトへのアクセスはテストしなかったため、副作用が発生する可能性があります。

https://jsfiddle.net/bindrid/sc0bo122/11/で動作することがわかります

$("#example").one("preInit.dt", function (evtObj, settings){

    var $newbtncontainer = $("<div class='dt-buttons'></div>");
    $("#example_wrapper").prepend($newbtncontainer);
    $("a.buttons-colvis").appendTo($newbtncontainer);
});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ボタンと同じページにテーブルを表示するにはどうすればよいですか?テーブルはすでに別のhtmlファイルで構成されているので、そこからプルします。

分類Dev

ボタンを使用して、あるテーブルから別のテーブルに要素を表示するにはどうすればよいですか?

分類Dev

ボタングループのボタン幅を修正するにはどうすればよいですか?

分類Dev

横にボタンがあるテーブルにデータを表示するにはどうすればよいですか?

分類Dev

jqueryデータテーブルの各行にドロップダウンボタンを追加するにはどうすればよいですか

分類Dev

トグルボタングループを確認するにはどうすればよいですか?

分類Dev

分のバーデータを(Excelピボットテーブルのように)グループ化するにはどうすればよいですか?

分類Dev

テーブルの各行に削除ボタンを追加するにはどうすればよいですか?

分類Dev

ブートストラップボタンのデータをモーダルにプルするにはどうすればよいですか?

分類Dev

1行に複数のカスタムボタンを動的に追加するにはどうすればよいですか?[JQueryデータテーブル]

分類Dev

Qtでボタンをシグナルとして、テーブルをスロットとして使用するにはどうすればよいですか?

分類Dev

javafxでラジオボタングループを使用するにはどうすればよいですか?

分類Dev

データグリッドビューを使用せずにコンボボックスにバインドされているデータテーブルのデータを編集するにはどうすればよいですか?

分類Dev

ボタンがクリックされたときにテーブルを表示するにはどうすればよいですか?

分類Dev

ループシステムで「OK」ボタンを使用するにはどうすればよいですか?

分類Dev

PHPのボタンをクリックしたときにテーブルを表示するにはどうすればよいですか?

分類Dev

ラジオボタンのグループを検証するにはどうすればよいですか?

分類Dev

コンボボックスにデータテーブルアイテムを追加するにはどうすればよいですか?

分類Dev

antdモーダルの[OK]ボタンと[キャンセル]ボタンを非表示にするにはどうすればよいですか?

分類Dev

データベース内のテーブル名をコンボボックスに入れるにはどうすればよいですか?

分類Dev

エクスポートボタンを使用してデータテーブルのボタンをグループ化するにはどうすればよいですか?

分類Dev

Jqueryデータテーブル:各行の最後のセルにボタンを追加するにはどうすればよいですか?

分類Dev

ボタンクリック時にデータテーブルの行をマークするにはどうすればよいですか?

分類Dev

Primefacesデータテーブルにオブジェクトの削除ボタンを配置するにはどうすればよいですか?

分類Dev

ブートストラップテーブルにブートストラップボタンを追加するにはどうすればよいですか

分類Dev

WPFラジオボタンのグループにデータトリガーを設定するにはどうすればよいですか?

分類Dev

ボタンがテーブルビューの上にオーバーレイされたときにテーブルビューセルがタップを登録しないようにするにはどうすればよいですか?

分類Dev

テーブルからデータをフィルタリングしてDataGridViewに表示するにはどうすればよいですか?

分類Dev

Windows 8がデフォルトで「マウスとキーボードセンター」になっている場合、マウスボタンのプロパティタブを見つけるにはどうすればよいですか?

Related 関連記事

  1. 1

    ボタンと同じページにテーブルを表示するにはどうすればよいですか?テーブルはすでに別のhtmlファイルで構成されているので、そこからプルします。

  2. 2

    ボタンを使用して、あるテーブルから別のテーブルに要素を表示するにはどうすればよいですか?

  3. 3

    ボタングループのボタン幅を修正するにはどうすればよいですか?

  4. 4

    横にボタンがあるテーブルにデータを表示するにはどうすればよいですか?

  5. 5

    jqueryデータテーブルの各行にドロップダウンボタンを追加するにはどうすればよいですか

  6. 6

    トグルボタングループを確認するにはどうすればよいですか?

  7. 7

    分のバーデータを(Excelピボットテーブルのように)グループ化するにはどうすればよいですか?

  8. 8

    テーブルの各行に削除ボタンを追加するにはどうすればよいですか?

  9. 9

    ブートストラップボタンのデータをモーダルにプルするにはどうすればよいですか?

  10. 10

    1行に複数のカスタムボタンを動的に追加するにはどうすればよいですか?[JQueryデータテーブル]

  11. 11

    Qtでボタンをシグナルとして、テーブルをスロットとして使用するにはどうすればよいですか?

  12. 12

    javafxでラジオボタングループを使用するにはどうすればよいですか?

  13. 13

    データグリッドビューを使用せずにコンボボックスにバインドされているデータテーブルのデータを編集するにはどうすればよいですか?

  14. 14

    ボタンがクリックされたときにテーブルを表示するにはどうすればよいですか?

  15. 15

    ループシステムで「OK」ボタンを使用するにはどうすればよいですか?

  16. 16

    PHPのボタンをクリックしたときにテーブルを表示するにはどうすればよいですか?

  17. 17

    ラジオボタンのグループを検証するにはどうすればよいですか?

  18. 18

    コンボボックスにデータテーブルアイテムを追加するにはどうすればよいですか?

  19. 19

    antdモーダルの[OK]ボタンと[キャンセル]ボタンを非表示にするにはどうすればよいですか?

  20. 20

    データベース内のテーブル名をコンボボックスに入れるにはどうすればよいですか?

  21. 21

    エクスポートボタンを使用してデータテーブルのボタンをグループ化するにはどうすればよいですか?

  22. 22

    Jqueryデータテーブル:各行の最後のセルにボタンを追加するにはどうすればよいですか?

  23. 23

    ボタンクリック時にデータテーブルの行をマークするにはどうすればよいですか?

  24. 24

    Primefacesデータテーブルにオブジェクトの削除ボタンを配置するにはどうすればよいですか?

  25. 25

    ブートストラップテーブルにブートストラップボタンを追加するにはどうすればよいですか

  26. 26

    WPFラジオボタンのグループにデータトリガーを設定するにはどうすればよいですか?

  27. 27

    ボタンがテーブルビューの上にオーバーレイされたときにテーブルビューセルがタップを登録しないようにするにはどうすればよいですか?

  28. 28

    テーブルからデータをフィルタリングしてDataGridViewに表示するにはどうすればよいですか?

  29. 29

    Windows 8がデフォルトで「マウスとキーボードセンター」になっている場合、マウスボタンのプロパティタブを見つけるにはどうすればよいですか?

ホットタグ

アーカイブ