سلام
من کدهای زیر را نوشته ام
<!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>© @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"; } <script> $(document).ready(function () { $('#myTable').DataTable(); }); </script> <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()); } } }
هنگام اجرا داده ها بصورت زیر نمایش داده میشود
اما باید بصورت DataTableJquery نمایش داده شود
ایراد کد کجاست
باتشکر
شما در ویو Table ساختید و بعد میگید باید به یک شکل دیگه نمایش بده ؟
متوجه منظورتون نمیشم
سلام
(شما در ویو Table ساختید و بعد میگید باید به یک شکل دیگه نمایش بده ؟)
پس باید کجا table را بسازم
شاید من منظور شما رو خوب متوجه نشده باشم
لطفا بیشتر توضیح دهید
سلام
ببینید باتوجه به شکل داده ها بصورت کامل و درست نمایش داده میشود
اما من در برنامه از پلاگین DataTableJquery استفاده کرده ام که باید ظاهر جدول تغییر کند و شبیه مثالهای که در سایت است بشود که اصلا این تغییر رخ نداده است
می خواستم بدانم مشکل کارکجاست
با فایرباگ بررسی کنید ببینید خطایی داره یا خیز
به احتمال زیاد مشکلی در رفرنس ها وجود دارد
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)