سلام
من کدهای زیر را نوشته ام





<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>@ViewBag.Title - My ASP.NET Application</title>

    <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />

    <link href="~/Content/jquery.dataTables.css" rel="stylesheet" />

    <script src="~/Scripts/modernizr-2.6.2.js"></script>

</head>

<body>

    <div class="navbar navbar-inverse navbar-fixed-top">

        <div class="container">

            <div class="navbar-header">

                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                </button>

                @Html.ActionLink("Application name", "Index", "Users", new { area = "" }, new { @class = "navbar-brand" })

            </div>

            <div class="navbar-collapse collapse">

                <ul class="nav navbar-nav">

                </ul>

            </div>

        </div>

    </div>





    <div class="container body-content">

        @RenderBody()

        <hr />

        <footer>

            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>

        </footer>

    </div>

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>

    <script src="~/Scripts/bootstrap.min.js"></script>

    <script src="~/Scripts/jquery.dataTables.min.js"></script>

    <script>

   $(document).ready(function(){

       $('#myTable').DataTable();

   });

    </script>

</body>

</html>








@model IEnumerable<WebApplication4.Models.User>





@{

    ViewBag.Title = "Index";

}

<h2>Index</h2>





<p>

    @Html.ActionLink("Create New", "Create")

</p>

<table class="table" id="#myTable">

    <thead>

    <tr>

        <th>

            @Html.DisplayNameFor(model => model.name)

        </th>

        <th>

            @Html.DisplayNameFor(model => model.family)

        </th>

        <th></th>

    </tr>

    </thead>

    <tbody>

    @foreach (var item in Model) {

    <tr>

        <td>

            @Html.DisplayFor(modelItem => item.name)

        </td>

        <td>

            @Html.DisplayFor(modelItem => item.family)

        </td>

        <td>

            @Html.ActionLink("Edit", "Edit", new { id=item.id }) |

            @Html.ActionLink("Details", "Details", new { id=item.id }) |

            @Html.ActionLink("Delete", "Delete", new { id=item.id })

        </td>

    </tr>

    }

    </tbody>

</table>












using System.Linq;

using System.Web.Mvc;

using WebApplication4.Models;





namespace WebApplication4.Controllers

{

    public class UsersController : Controller

    {

        private Context db = new Context();





        // GET: Users

        public ActionResult Index()

        {

            return View(db.Users.ToList());

        }

    }

}

هنگام اجرا داده ها بصورت زیر نمایش داده میشود
Untitled.png

اما باید بصورت DataTableJquery نمایش داده شود
ایراد کد کجاست
باتشکر