JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.2.504/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.2.504/styles/kendo.bootstrap.min.css">
<table id="grid">
  <thead>
    <tr>
      <th data-field="id">Id</th>
      <th data-field="num">Number</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>7</td>
    </tr>
    <tr>
      <td>2</td>
      <td>2</td>
    </tr>
    <tr>
      <td>3</td>
      <td>9</td>
    </tr>
    <tr>
      <td>4</td>
      <td>1</td>
    </tr>
  </tbody>
</table>

JavaScript

$('#grid').kendoGrid({
  sortable: true,
  scrollable: false,
  columns: [
  	"id",
    { field: "num", template: '<a href="/Something/#=id#">#=num#</a>'}
  ]
});