title: How to replace button with icon in table tools in data table?
body: <p>I have a download button and when the download button is clicked the options will be displayed. But I have to replace this with hamburger icon. How can I achieve that</p>
  
  <p>When I click the hamburger icon, the options should be displayed :</p>
  
  <p><a href="https://i.stack.imgur.com/e7PjE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e7PjE.png" alt="enter image description here"></a></p>
  
  <p>The download button must be changed to hamburger icon</p>
  
  <p><a href="https://i.stack.imgur.com/YS1c9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YS1c9.png" alt="enter image description here"></a></p>
  
  <p>When I click the button, the options must be displayed</p>
  
  <p>Is there any way to achieve this ?</p>
  
  <p>This is my datatable code:</p>
  
  <pre><code>$(document).ready(function () {
      $('#ItemTable').DataTable({
          responsive: true,
          scrollX: true,
          lengthMenu: [10, 20, 50, 200, 400, 500, 1000],
          dom: 'T&lt;"clear"&gt;lfrtip',
              "tableTools": {
              "sSwfPath": "/Content/TableTools/swf/copy_csv_xls_pdf.swf",
                  "aButtons": [{
                  "sExtends": "collection",
                      "fnInit": function (node) {
                      formatTableToolsButton(node, 'ui-icon-print');
                  },
                      "sButtonText": "Download",
  
                      "aButtons": [{
                      'sExtends': "csv",
                          'sButtonText': "Save as CSV",
                          'fnClick': function (nButton, oConfig, flash) {
                          customName = getCustomFileName() + ".csv";
                          flash.setFileName(customName);
                          this.fnSetText(flash, this.fnGetTableData(oConfig));
                      }
                  }, {
                      'sExtends': "xls",
                          'sButtonText': "Export as Excel",
                          'fnClick': function (nButton, oConfig, flash) {
                          customName = getCustomFileName() + ".xls";
                          flash.setFileName(customName);
                          this.fnSetText(flash, this.fnGetTableData(oConfig));
                      }
                  }, {
                      'sExtends': "pdf",
                          "fnClick": function (nButton, oConfig, flash) {
                          customName = getCustomFileName() + ".pdf";
                          flash.setFileName(customName);
                          this.fnSetText(flash,
                              "title:" + this.fnGetTitle(oConfig) + "\n" +
                              "message:" + oConfig.sPdfMessage + "\n" +
                              "colWidth:" + this.fnCalcColRatios(oConfig) + "\n" +
                              "orientation:" + oConfig.sPdfOrientation + "\n" +
                              "size:" + oConfig.sPdfSize + "\n" +
                              "--/TableToolsOpts--\n" + this.fnGetTableData(oConfig));
                      }
                  }, {
                      'sExtends': "print",
                  }],
              }],
          }
      });
  });
  
  function formatTableToolsButton(node) {
      $(node).removeClass('DTTT_button');
      $(node).addClass('btn btn-primary btn-bar');
  }
  </code></pre>