jQuery Datatables responsive example

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.10.18/b-1.5.2/b-html5-1.5.2/datatables.min.js"></script>
<table id="example" class="display" width="100%"></table>

JavaScript

$(document).ready(function() {
    var dataSet = [
    [ "Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800" ],
    [ "Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750" ],
    [ "Ashton Cox<<<<<<<<", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000" ]
	];
    
    $('#example').DataTable( {
        dom: 'Bfrtip',
       	data: dataSet,
        columns: [
            { title: "Name" },
            { title: "Position" },
            { title: "Office" },
            { title: "Extn." },
            { title: "Start date" },
            { title: "Salary" }
        ],
        buttons: {
          buttons: [
              {
              extend: 'excel',
              title: null,
              text: "Export Company",
              filename: function () {
                return "Mark & Tables Associated";
              }
          }
          ]
        }
    } );
} );