Import & display csv data into html table

Question

I am trying to load my CSV data in HTML tables dynamically/on page reload. My data is of two types :

csv1 :

Host,% Time alive,% Time available,Total
server1.test.com,100.0%,100.0%,100.0%
server2.test.com,100.0%,100.0%,100.0%
server3.test.com,100.0%,100.0%,100.0%

csv2:

name;age;address;id;natureXYZ.;jennie;23;chicago;12345;good;Jhon;23;Boston;12367;good;

I am using this plugin code to parse it and display in my html page.

but it doesn't works,I am pretty new to this, is there anything I need to change here? what I understand is delimiter might be a problem but i dont know what to place here according to my CSV data.

  <script>
  init_table({
  csv_path: 'data/data1.csv', 
  element: 'table-container', 
  allow_download: true,
  csv_options: {separator: ',', delimter:'"'},
  datatables_options: {"paging": false}
  </script>