JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/1.10.19/sorting/intl.js"></script>
<table id="table">
</table>

JavaScript

$(document).ready(function () {
$('#table').DataTable({
  data: [{
      id: 1,
      name: "Cương vực",
			link: "Đô Lương"
    },
    {
      id: 2,
      name: "Địa lý, địa chất",
      link: "Diễn Châu"
    },
    {
      id: 3,
      name: "Động vật, thực vật",
      link: "Hà Nội"
    },
    {
      id: 4,
      name: "Tộc người",
      link: "Ê đê"
    },
    {
      id: 5,
      name: "Dân cư",
      link: "Ông ích khiêm"
    },
  ],
  columns: [
    {
      title: 'Tên tập',
      data: row => `<a href="name">${row.link}</a>`
    },
    {
      title: 'Trưởng tập',
      data: 'name'
    }
  ]
});
});