Answers

• jr42.gordon Posts: 305Questions: 2Answers: 49

  June 2016 Answer ✓

  https://datatables.net/extensions/buttons/examples/initialisation/collections.html

  Looks like they used Bootstrap to style it.
• mmalmeida Posts: 15Questions: 2Answers: 0

  June 2016

  Thanks for the tip @jr42.gordon

  Here is how I ended up doing, usinfg:
  - the buttons property
  - container().appendTo('#someDivOnThePage')

  //begin export buttons
          codeListTable = $("#codeListTable").DataTable();
          new $.fn.dataTable.Buttons( codeListTable, {
              buttons: [
                  {
                  extend:    'copy',
                  text:      '<i class="fa fa-files-o"></i> Copy',
                  titleAttr: 'Copy',
                  className: 'btn btn-default btn-sm'
                  },
                  {
                  extend:    'csv',
                  text:      '<i class="fa fa-files-o"></i> CSV',
                  titleAttr: 'CSV',
                  className: 'btn btn-default btn-sm',
                  exportOptions: {
                      columns: ':visible'
                  }
                  },
                  {
                  extend:    'excel',
                  text:      '<i class="fa fa-files-o"></i> Excel',
                  titleAttr: 'Excel',
                  className: 'btn btn-default btn-sm',
                  exportOptions: {
                      columns: ':visible'
                  }
                  },
                  {
                  extend:    'pdf',
                  text:      '<i class="fa fa-file-pdf-o"></i> PDF',
                  titleAttr: 'PDF',
                  className: 'btn btn-default btn-sm',
                  exportOptions: {
                      columns: ':visible'
                  }
                  },                
                  {
                  extend:    'print',
                  text:      '<i class="fa fa-print"></i> Print',
                  titleAttr: 'Print',
                  className: 'btn btn-default btn-sm',
                  exportOptions: {
                      columns: ':visible'
                  }
                  },   
              ]
          } );
          codeListTable.buttons().container().appendTo('#tableActions');