jquery DataTables button

Question

カスタムボタンの作成とbuttons.dom.buttonプロパティの編集に問題があります。ここで私が使用しているコードです。私は

buttons: { 
      dom: { 
       button:{ 
       tag: 'li' 
       } 

      } 
     } 

私はそれが理にかなって希望を追加するとき

$(document).ready(function() { 

function buildTable(tableName) { 
    return $('#'+tableName).DataTable({ 
     dom: 'ifrt', 
     paging: false, 
     lengthChange: true, 
     responsive: true, 
     columnDefs: [ 
      { 
       "targets": [ 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23 ], 
       "visible": false, 
       "searchable": false 
      }, 
      { 
       "orderable": false, 
       "targets": [0, 3, 4, 7, 8, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22] 
      }   
     ], 

     buttons: [ 

      'excel', 
      { 
       extend: 'columnToggle', 
       columns: 0, 
       text: 'show/hide pics' 
      }    
     ], 

     buttons: { 
      dom: { 
       button:{ 
       tag: 'li' 
       } 

      } 
     } 


    }); 
} 

var tablesMen = buildTable('menTable'); 

$('#menTable_wrapper').prepend('<div class="dropdown"><button class=btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">dropdown<span class="caret"></span></button><ul class="dropdown-menu"></ul></div>'); 

tablesMen.buttons().container().appendTo($('.dropdown-menu')); 

ボタン（エクセル、PDFファイル、コピーなど）をデフォルトにリセットされます。ここで私は、同様dom属性を含むように変更され、あなたの関数がある：あなたが

buttons: [で宣言された「ボタン」と呼ばれる配列が、その後すぐにオブジェクトbuttons: {

EDIT2と交換してい

Answer 1

例としてカスタムボタンが追加されました：

function buildTable(tableName) { 
    return $('#' + tableName).DataTable({ 
     dom: 'Bfrtip', 
     paging: false, 
     lengthChange: true, 
     responsive: true, 
     columnDefs: [{ 
     "targets": [1, 2, 3], 
     "visible": true, 
     "searchable": false 
     }, { 
     "orderable": false, 
     "targets": [0, 4, 5] 
     }], 
     buttons: { 
     dom: { 
      button: { 
      tag: 'li' 
      } 
     }, 
     buttons: [{ 
      text: 'My button', 
      action: function(e, dt, node, config) { 
      alert('Button activated'); 
      } 
     }, { 
      extend: 'excel', 
      text: 'Save current page', 
      exportOptions: { 
      modifier: { 
       page: 'current' 
      } 
      } 
     }] 
     } 
    }); 
    } 

編集：文字列にも引用符がありません修正済み：

$('#menTable_wrapper').prepend('<div class="dropdown"><button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">dropdown<span class="caret"></span></button><ul class="dropdown-menu"></ul></div>');