JSFiddle - React, Tailwind, and code Playground

HTML

<h1>{{.Title}}</h1>
    <head>
    <script type="text/javascript" charset="utf8" src="cdnjs(.)cloudflare(.)com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="cdn(.)datatables(.)net/1.10.16/css/jquery.dataTables.css">
    <script type="text/javascript" charset="utf8" src="cdn(.)datatables(.)net/1.10.16/js/jquery.dataTables.js"></script>
    </head>
    <body>
<table id = "example">
    <col width="16%">
    <col width="5%">
    <col width="9%">
    <col width="5%">
    <col width="5%">
    <thead>
        <tr>
            <th>Title</th>
            <th>Class</th>
            <th>Date</th>
            <th>Subject</th>
            <th>Status</th>
        </tr>
    </thead>
    <tbody>
		{{ range $key, $value := .Info }}
		 <tr>
     <td><a href="{{ $value.URLCourse }}" target='_blank'></a>{{ $value.TitleCourse }}</td>
            <td>{{ $value.ClassCourse }}</td>
            <td>{{ $value.DateCourse }}</td>
            <td>{{ $value.SubjectCourse }}</td>
            <td>{{ $value.StatusCourse }}</td>
        </tr>
		{{ end }}
    </tbody>
</table>
</body>
<script>$(document).ready(function() {
    $('#example').DataTable();
} );</script>