No Scrollbars - C1 ASP.NET MVC

// This file locates: "Scripts/Lesson/C1FlexGrid/NoScrollbars.js".
c1.documentReady(function () {
    var theGrid = wijmo.Control.getControl('#theGrid');
 
    // support scrolling with the wheel
    theGrid.hostElement.addEventListener('wheel', function (e) {
        root = theGrid.hostElement.querySelector('[wj-part="root"]');
        if (root) {
            root.scrollTop += 32 * (e.deltaY < 0 ? -1 : +1);
            e.preventDefault();
        }
    });
});

// This file locates: "Content/css/Lesson/C1FlexGrid/NoScrollbars.css".
.wj-flexgrid {
    max-height: 250px;
}
.no-scrollbars.wj-flexgrid [wj-part=root] {
  overflow: hidden !important;
}

using System.Web.Mvc;
 
namespace LearnMvcClient.Controllers
{
    public partial class C1FlexGridController : Controller
    {
        // GET: NoScrollbars
        public ActionResult NoScrollbars()
        {
            return View(Models.FlexGridData.GetSales(50));
        }
    }
}

@model IEnumerable<FlexGridData.Sale>
 
<h1>
    @Html.Raw(Resources.C1FlexGrid.NoScrollbars_Title)
</h1>
<p>
    @Html.Raw(Resources.C1FlexGrid.NoScrollbars_Text1) 
</p>
<p>
    @Html.Raw(Resources.C1FlexGrid.NoScrollbars_Text2)
</p>
<p>
    @Html.Raw(Resources.C1FlexGrid.NoScrollbars_Text3)
</p>
 
<div id="theGrid" class="no-scrollbars"></div>
@Html.C1().FlexGrid("#theGrid").Bind(Model)