javascript - 如何在我使用ul和li标签的情况下使用jQuery Datatable实现分页

Question

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

@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并使其成为一个表，然后将jquery datatable应用于此检查
https://stackoverflow.com/a/28966612/7621536