JSFiddle - React, Tailwind, and code Playground

JavaScript

<script>
	/*
  *THIS FUNCTION CALL THE getData() FUNCTION IN THE Code.gs FILE, 
  *AND PASS RETURNED DATA TO showData() FUNCTION
  */
  google.script.run.withSuccessHandler(showData).getData();

  //THIS FUNCTION GENERATE THE DATA TABLE FROM THE DATA ARRAY
function showData(dataArray){
    $(document).ready(function(){
      var table = $('#data-table').DataTable({
         data: dataArray,
        //CHANGE THE TABLE HEADINGS BELOW TO MATCH WITH YOUR SELECTED DATA RANGE
        columns: [
          {"title":"Ship"},
          {"title":"Class"},
          {"title":"Build Type"},
          {"title":"Subtype"},
          {"title":"Performance"},
          {"title":"Author"}
        ]}
        "columnDefs": [{ 
            "targets": [0,1],
            "data": "download_link",
            "render": function ( data, type, full, meta ) {
              return '<a href="'+data+'">Download</a>';
            }
            }]
      });
    table.page.len(25).draw();
    });
  }
</script>