Answers for "datatables buttons"

datatable buttons

dom: 'Blfrtip',
    buttons: [
        {
            extend: 'excelHtml5',
            footer: true,
        },
        {
            extend: 'csvHtml5',
            footer: true,
        },
        {
            extend: 'pdfHtml5',
            footer: true,
        },
    ],
    lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],

dataTables

//datatable customization
//#datatable will be replace with your table id or class following jqurey code formet



$('#datatable').dataTable({
       "lengthChange": true,
       "dom": '<"top"i>rt<"bottom"flp><"clear">',
       "lengthMenu": [[10,25, 50, 100, 500, 1000],[10,25, 50, 100, 500, "Max"]],
       "pageLength": 10,
   });
   
   
   

//dom is for changing position of the selecting lentgh menu field
//lengthmenu is for defining ranges 
//pagelenth is the values or entity that will be shown at the time of load #firstview

data table buttons

Javascript12345678var table = $('#example').DataTable( {    buttons: [        'copy', 'excel', 'pdf'    ]} );  table.buttons().container()    .appendTo( $('.col-sm-6:eq(0)', table.table().container() ) );