Question

我想使用jQuery数据在我的列表中实现分页，我该如何实现它？很明显我们需要声明表标签才能使用它，但我不知道在这种情况下如何使用它。有帮助吗？以下显示了我的代码，其中显示了一些数据的列表。

@model IEnumerable<ESportsScreening.Models.Screening>

@{
    ViewBag.Title = "Home Page";
}
    <ul class="screenings" id="theList">


        @foreach (var scr in Model)
        {
            <li>
                <div class="date">
                    <div class="month">
                        @scr.DateTime.ToString("MMM")
                    </div>
                    <div class="day">
                        @scr.DateTime.ToString("d ")
                    </div>
                </div>
                <div class="details1">
                    <div>
                        <strong>@scr.TeamA vs @scr.TeamB</strong><small> (@scr.Competition.Name) </small>
                    </div>
                    <div>@scr.Organizer.Organizer</div>
                    <div>
                        <small>@scr.Organizer.Street, @scr.Organizer.City</small>
                    </div>
                </div>
                <div class="details2">
                    <input class="btn btn-info" type="button" value="Details" onclick="location.href = '@Url.Action("Details", "Screenings")?id=' + @scr.Id" />
                </div>
            </li>
        }
    </ul>

@Scripts.Render("~/bundles/jqueryval")

Answer 1

您可以将li结构包装到tr / td并使它们成为teble并应用jquery数据表来检查这个答案 https://stackoverflow.com/a/28966612/7621536

如何使用jQuery Datatable实现分页，我使用了ul和li标签

1 个答案: