JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.10.21/b-1.6.3/b-colvis-1.6.3/b-flash-1.6.3/b-html5-1.6.3/b-print-1.6.3/datatables.min.css" />

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.10.21/b-1.6.3/b-colvis-1.6.3/b-flash-1.6.3/b-html5-1.6.3/b-print-1.6.3/datatables.min.js"></script>

<table id="example" class="display" width="100%"></table>

JavaScript

var dataString = "[]";
for (var s = 0; s < 100000; s++) {
  let r = Math.random().toString(15).substring(2);
  var strin = "\"" + r + "\"";
  for (var i = 0; i < 12; i++) {
    let r = Math.random().toString(15).substring(2);
    strin = strin + ",\"" + r + "\"";
  }
  dataString = dataString + "\,[" + strin + "\]";
}
var datas = dataString.substring(3)
var dataSet = JSON.parse("\[" + datas + "\]");



$(document).ready(function() {
  var table = $('#example').DataTable({
    dom: 'Bfrtip',
    data: dataSet,
    columns: [{
        title: "Name"
      },
      {
        title: "Position"
      },
      {
        title: "Office"
      },
      {
        title: "Extn."
      },
      {
        title: "Start date"
      },
      {
        title: "Salary"
      }, {
        title: "Name1"
      },
      {
        title: "Position1"
      },
      {
        title: "Office1"
      },
      {
        title: "Extn.1"
      },
      {
        title: "Start date1"
      },
      {
        title: "Salary1"
      }
    ],
   
    buttons: [{
        extend: 'copyHtml5',
        titleAttr: 'Copy',
        title: "Hardick",
        exportOptions: {
          columns: ':visible',
          stripHtml: false,
          trim: false,
          stripNewlines: false,
          decodeEntities: false
        }
      },
      {
        extend: 'excelHtml5',
        titleAttr: 'Excel',
        title: "Hardick",
        exportOptions: {
          columns: ':visible',
          stripHtml: false,
          trim: false,
          stripNewlines: false,
          decodeEntities: false,
        }
      }
    ]
  });
  table.buttons().container()
    .appendTo($('.col-sm-6:eq(0)', table.table().container()));
});