asp.net - SlickGrid が表示されない

Question

初心者です..現在、最初の ASP.NET Web アプリケーションを開発しています。SlickGrid を使用しようとしています。どういうわけか、ヘッダーが表示されていなくても、グリッドはまったく表示されません:-(

以下は私のIndex.cshtmlコードです：

@model IEnumerable<E_2.Models.DYE>

<link href="@Url.Content("~/Content/slick.grid.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery.event.drag-2.0.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/slick.core.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/slick.grid.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/SlickGridTest.js")" type="text/javascript">

</script>

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>


<p>
    @Html.ActionLink("Create New", "Create")
</p>


<table width="100">
  <tr>
    <td>
      <div id="teamGrid" style="width:400px;height:300px;"></div>
    </td>
  </tr>
</table>

..これは私の SlickGridTest.js スクリプトです

var grid;
var columns = [
    { id: "ID", name: "ID", field: "ID" },
    { id: "DESCRIPTION", name: "DESCRIPTION", field: "DESCRIPTION" },
];

var options = {
    enableCellNavigation: true,
    enableColumnReorder: false
};

$(function () {
    var myData = [];
    $.getJSON('/DYE/ReloadDyeData', function (data) {
        myData = data;
        grid = new Slick.Grid("#teamGrid", myData, columns, options);
    });

..私のモデル

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;

namespace E_2.Models
{
    public partial class DYE
    {
        public int ID { get; set; }

        [Required]
        public string DESCRIPTION { get; set; }

        [StringLength(3)]
        public string COLOR_CODE { get; set; }
        public Nullable<System.DateTime> VALID_UNTIL { get; set; }
    }
}

* ..データをリロードするコントローラー部分 *

public string ReloadDyeData()
{
    var dyes = db.DYEs.ToList();
    JavaScriptSerializer serializer = new JavaScriptSerializer();
    return serializer.Serialize(dyes);
}

この HTML、JavaScriot、および ASP.NET の経験が不足しているため、根本的な問題がどこにあるのかまったくわかりません。