<meta name="viewport" content="width=device-width" />
<title>Employee Index Page</title>
<link href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="//code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js">
$(document).ready(function() {
$('#example').DataTable();
<h1>Employee Index Page</h1>
<table id="example" class="display" cellspacing="0" width="100%">
var categories = (DataTable)ViewData["MyData"];
foreach (DataRow item in categories.Rows)
var symbol = item.Field<string>("Symbol");
var actualPositionText = item.Field<string>("ActualPosition");
var accountIdent = item.Field<string>("AccountIdent");
<td>@actualPositionText</td>