JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<script src="http://derekeder.github.io/csv-to-html-table/js/csv_to_html_table.js"></script>
<script src="http://derekeder.github.io/csv-to-html-table/js/jquery.csv.min.js"></script>
<script src="http://derekeder.github.io/csv-to-html-table/js/jquery.dataTables.min.js"></script>
<div class="table-container">
					
					
</div>

  
  <!--script src="http://derekeder.github.io/csv-to-html-table/js/jquery.csv.min.js"></script>
 <script src="http://derekeder.github.io/csv-to-html-table/js/jquery.dataTables.min.js"></script>
    <script src="http://derekeder.github.io/csv-to-html-table/js/csv_to_html_table.js"></script-->

   <script>
    //function initTable(init_table[0], init_table[1]) {

        init_table({
        csv_path: 'https://ethercalc.org/h1d6vljl9v70.csv',
        element: 'table-container', 
        //allow_download: false,
        csv_options: {separator: ',', delimiter: '"'},
        datatables_options: {
            "paging": false, 
            "ordering": false,
            "info": false,
            //"stripeClasses": [ 'strip1', 'strip2' ],
            "columnDefs": [{
                // The `data` parameter refers to the data for the cell (defined by the
                // `data` option, which defaults to the column being worked with, in
                // this case `data: 0`.
                "render": function ( data, type, row ) {
                    return '<a href="'+ row[3] + data +'.asp">' + data + '</a>';
                 },
            "targets": 4
        },
        //{ "visible": false,  "targets": [2] }
        ]}
        });

    //}


</script>