javascript - 无法使用数据表读取未定义的属性 'cell'-6ren

javascript - 无法使用数据表读取未定义的属性 'cell'

转载作者：行者123 更新时间：2023-12-02 23:59:33

我试图在 asp.net 中应用数据表，但它抛出了用于应用数据表的代码的错误。我应该做什么来解决我的问题。我正在搜索，但没有找到任何可以解决它的东西。我期待您的建议。谢谢。

@model HRMS.Shared.Entities.EMSC32Model
@{
    ViewData["Title"] = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<link href="~/css/PageHeader.css" rel="stylesheet" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $('#myTable').DataTable({

            "searching": true,
            "lengthChange": true,
            "info": true,
            "aLengthMenu": [[10, 25, 75, -1], [10, 25, 75, "All"]],
            "iDisplayLength": 10,
            "pageLength": 10,
            "order": [[0, "desc"]],
            //"columnDefs": [{
            //    targets: "_all",
            //    orderable: true
            //}],
            "columns": [
                { id: '#cc' },
                { id: '#cd' },
               { id: '#cdh' },
               { id: '#a' }
            ]
        });
    });

</script>

<script type="text/javascript">

    function SHOW_TR_Function(e, e1, id) {
        //if (id != "") {
        //    CommonAjax("")
        //}

        var TRID = document.getElementById(e);
        var TRID1 = document.getElementById(e1);
        TRID.style.display = '';
        TRID1.style.display = "none";
    }
    function HIDE_TR_Function(e) {
        var TRID = document.getElementById(e);

        TRID.style.display = "none";

    }

    // for search in gridview
</script>


<style>
    * {
        box-sizing: border-box;
    }


    .backinput {
        background-image: url('~/images/searchicon.png');
        background-position: 10px 10px;
        background-repeat: no-repeat;
        width: 100%;
        font-size: 16px;
        padding: 12px 20px 12px 40px;
        border: 1px solid #ddd;
        margin-bottom: 12px;
    }
</style>


<script>
    function myFunction() {
        // Declare variables
        var input, filter, table, tr, td, i;
        input = document.getElementById("myInput");
        filter = input.value.toUpperCase();
        table = document.getElementById("myTable");
        tr = table.getElementsByTagName("tr");

        // Loop through all table rows, and hide those who don't match the search query
        for (i = 0; i < tr.length; i++) {
            td = tr[i].getElementsByTagName("td");
            for (j = 0; j < td.length; j++) {
                let tdata = td[j];
                if (tdata) {
                    if (tdata.innerHTML.toUpperCase().indexOf(filter) > -1) {
                        tr[i].style.display = "";
                        break;
                    } else {
                        tr[i].style.display = "none";
                    }
                }
            }
        }
    }

</script>

@if (ViewBag.Message != "" && ViewBag.Message != null)
{
    <p style="font-weight:bold;color:green;padding-left: 701px;font-size: 31px;"> @ViewBag.Message</p>

}

<div class="table-area">
    <div class="table-wrapper">
        <div class="table-title">
            <div class="row">
                <div class="col-sm-6">
                    <h2>Designation Master Details</h2>
                </div>
                <div class="col-sm-6">
                    <a class="btn btn-success" onclick="SHOW_TR_Function('traddpanel','traddpanelEdit')"><i class="material-icons"></i><span>Add New</span></a>
                </div>
            </div>
        </div>
        <input id="myInput" onkeyup="myFunction();" type="text" style="color:black" placeholder="Search.." class="form-control">
        <table class="table table-striped table-hover" id="myTable">
            <thead>
                <tr>
                    <th style="display:none">
                        <span class="custom-checkbox">
                            <input type="checkbox" id="selectAll">
                            <label for="selectAll"></label>
                        </span>
                    </th>
                    <th id="cc">  @Html.DisplayNameFor(model => model.DesignationMsts.DesignationCode)</th>
                    <th id="cd">  @Html.DisplayNameFor(model => model.DesignationMsts.Description)</th>
                    <th id="cdh">  @Html.DisplayNameFor(model => model.DesignationMsts.Desch)</th>

                    <th id="a">Actions</th>
                </tr>

                <tr id="traddpanel" style="display:none;background-color:#9fbfe7">
                    <td colspan="4">
                        <div>
                            <form action="/ESTABLISHMENT/EMSC32/Create" method="post">
                                <table width="1450">
                                    <tr style="background-color:#9fbfe7">
                                        <th style="width:162px">
                                            <input type="text" id="DesignationCode" placeholder="Code" class="form-control" readonly="readonly" />
                                        </th>
                                        <th>
                                            <input asp-for="@Model.DesignationMsts.Description" id="Description" name="Description" class="form-control" required />
                                        </th>
                                        <th>
                                            <input asp-for="@Model.DesignationMsts.Desch" id="Desch" name="Desch" class="form-control" required />
                                        </th>
                                        <th style="width:164px" id="asd">
                                            <input type="submit" value="Create" class="btn btn-primary m-btn" style="float:left;" />
                                            <button class="btn btn-primary m-btn" onclick="HIDE_TR_Function('traddpanel')">Close</button>
                                        </th>
                                    </tr>
                                </table>
                            </form>
                        </div>
                    </td>
                </tr>
                @if (Model.Status == "edit")
                {
                    <tr id="traddpanelEdit">
                        <td colspan="4" style="white-space:unset;">
                            <div style="overflow:hidden;">
                                <form asp-area="ESTABLISHMENT" asp-controller="EMSC32" asp-action="Edit?id=@Model.DesignationMsts.DesignationCode" method="post">
                                    <table width="1450" style="background-color:#9fbfe7">

                                        <tr style="background-color:#9fbfe7" overflow: hidden;>
                                            <th style="width:164px">
                                                @*<input type="hidden" asp-for="@Model.DesignationMsts.CreatedBy" name="CreatedBy" value="@Model.DesignationMsts.CreatedBy" />*@

                                                <input type="hidden" asp-for="@Model.DesignationMsts.DesignationCode" name="CadreCode" value="@Model.DesignationMsts.DesignationCode" />

                                                <input type="text" readonly="readonly" value="@Model.DesignationMsts.DesignationCode" asp-for="@Model.DesignationMsts.DesignationCode" name="DesignationCode" id="DesignationCode" placeholder="Code" class="form-control" />
                                            </th>
                                            <th>

                                                <input asp-for="@Model.DesignationMsts.Description" value="@Model.DesignationMsts.Description" name="Description" class="form-control" required />
                                            </th>
                                            <th>

                                                <input asp-for="@Model.DesignationMsts.Desch" value="@Model.DesignationMsts.Desch" name="Desch" class="form-control" required />
                                            </th>
                                            <th style="width:164px">

                                                <input type="submit" value="Update" class="btn btn-primary m-btn" style="float:left;" />
                                                <button class="btn btn-primary m-btn" onclick="HIDE_TR_Function('traddpanelEdit')">Close</button>
                                            </th>
                                        </tr>
                                        @*}
                                        else
                                        {
                                            <tr style="display:none;background-color:#9fbfe7">
                                                <th style="width:164px">
                                                    <input type="hidden" asp-for="@Model.DesignationMsts.DesignationCode" name="CadreCode" value="@Model.DesignationMsts.DesignationCode" />
                                                    <input type="hidden" asp-for="@Model.DesignationMsts.CreatedBy" name="CreatedBy" value="@Model.DesignationMsts.CreatedBy" />
                                                    <input type="text" id="DesignationCode" placeholder="Code" class="form-control" />
                                                </th>
                                                <th>

                                                    <input asp-for="@Model.DesignationMsts.Description" value="@Model.DesignationMsts.Description" name="Description" class="form-control" required />
                                                </th>
                                                @*<th>

                                                    <input asp-for="@Model.DesignationMsts.Desch" value="@Model.CaeMsts.Desch" name="Desch" class="form-control" required />
                                                </th>
                                                <th style="width:164px">

                                                    <input type="submit" value="Update" class="btn btn-primary m-btn" style="float:left;" />

                                                    <button class="btn btn-primary m-btn" onclick="HIDE_TR_Function('traddpanelEdit')">Close</button>
                                                </th>
                                            </tr>
                                        }*@
                                    </table>
                                </form>
                            </div>
                        </td>
                    </tr>
                }
            </thead>

            <tbody>
                @foreach (var item in Model.ListDesignation)
                {
                    <tr>
                        <td style="overflow:hidden;">
                            @Html.DisplayFor(modelItem => item.DesignationCode)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.Description)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.Desch)
                        </td>
                        <td>
                            <a href="/ESTABLISHMENT/EMSC32/Edit?id=@item.DesignationCode" class="edit" data-toggle="modal"><i asp-route-id="@item.DesignationCode" class="material-icons" data-toggle="tooltip" title="" data-original-title="Edit" onclick="SHOW_TR_Function('traddpanelEdit','traddpanel')"></i></a>
                            <a href="/ESTABLISHMENT/EMSC32/Delete?id=@item.DesignationCode" asp-route-id="@item.DesignationCode" class="delete" data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="" data-original-title="Delete"></i></a>

                        </td>
                    </tr>
                }
            </tbody>

        </table>
        @*@foreach (var item in Model.ListDesignation)
        {
            @Html.LabelFor(model => model.DesignationMsts.DesignationCode, htmlAttributes: new { @class = "control-label " })
            @Html.DropDownList("UnitCodeList", ViewBag.DesignationCode as SelectList, new { @class = "form-control form-control2" })
            @Html.ValidationMessageFor(modelItem => item.DesignationCode, "", new { @class = "text-danger" })
        }*@

        @*@Html.DropDownListFor(m => m.DesignationCode, new SelectList(Model.Labs, "Value", "Text"), "Select", new { @class = "selectpicker" })*@

        @*@Html.DropDownListFor(modelItem => item.DesignationCode)*@

    </div>
    @if (Model.Status == "delete")
    {
        <div id="deleteEmployeeModal" class="modal" style="display:block!important">
            <div class="modal-dialog">
                <div class="modal-content">

                    <div class="modal-header">
                        <h4 class="modal-title">Confermation</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    </div>
                    <div class="modal-body">
                        <p>Are you sure you want to delete these Records?</p>
                        <p class="text-warning"><large>@Model.DesignationMsts.Description</large></p>
                    </div>
                    <div class="modal-footer">
                        <input type="button" class="btn btn-default" data-dismiss="modal" value="Cancel">
                        <a href="/ESTABLISHMENT/EMSC32/DeleteConfirmed?id=@Model.DesignationMsts.DesignationCode" class="btn btn-danger">Delete</a>
                    </div>

                </div>

            </div>

        </div>
    }

    <div class="clearfix">
        <div class="hint-text">Showing<b>25</b> entries</div>
        <!--<ul class="pagination">
            <li class="page-item disabled"><a href="#">Previous</a></li>
            <li class="page-item"><a href="#" class="page-link">1</a></li>
            <li class="page-item"><a href="#" class="page-link">2</a></li>
            <li class="page-item active"><a href="#" class="page-link">3</a></li>
            <li class="page-item"><a href="#" class="page-link">4</a></li>
            <li class="page-item"><a href="#" class="page-link">5</a></li>
            <li class="page-item"><a href="#" class="page-link">Next</a></li>
        </ul>-->
    </div>
</div>

错误:

jquery.min.js:2 Uncaught TypeError: Cannot read property 'cell' of undefined at fa (jquery.dataTables.min.js:28) at ha (jquery.dataTables.min.js:48) at e (jquery.dataTables.min.js:93) at HTMLTableElement. (jquery.dataTables.min.js:93) at Function.each (jquery.min.js:2) at w.fn.init.each (jquery.min.js:2) at w.fn.init.n [as dataTable] (jquery.dataTables.min.js:83) at w.fn.init.h.fn.DataTable (jquery.dataTables.min.js:165) at HTMLDocument. (Index:1717) at l (jquery.min.js:2)

最佳答案

有几个问题:

标题列数和正文列数不匹配。它们必须完全相同。
如果您想要复杂的标题，您必须将描述性标题(标题与所有列匹配的标题)放在最后(而不是上面的第一个)
在内联 CSS 中使用列可见性是完全不行的。为什么 <th style="display:none">反正？应使用 visible: false 隐藏列

所以基本上:转动 <tr>在你的 <thead> 中部分颠倒并停止尝试操纵 CSS 中的可见性。

关于javascript - 无法使用数据表读取未定义的属性 'cell'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55235587/

文章推荐： azure - 在生产环境中运行 Azure API 管理开发人员层

文章推荐： powershell - 如何检查MS部署是否正常工作

文章推荐： azure - 在 blob 存储帐户中组织 terraform 状态

java - 无法 Autowiring
我通过 spring ioc 编写了一些 Rest 应用程序。但我无法解决这个问题。这是我的异常(exception): org.springframework.beans.factory.BeanC
java - 无法@Autowire配置
我对 TestNG、Spring 框架等完全陌生，我正在尝试使用注释 @Value通过 @Configuration 访问配置文件注释。我在这里想要实现的目标是让控制台从配置文件中写出“hi”，通过
无法 malloc 然后转到程序顶部
为此工作了几个小时。我完全被难住了。这是 CS113 的实验室。如果用户在程序(二进制计算器)结束时选择继续，我们需要使用 goto 语句来到达程序的顶部。但是，我们还需要释放所有分配的内存。
无法 avformat_open_input .mp3
我正在尝试使用 ffmpeg 库构建一个小的 C 程序。但是我什至无法使用 avformat_open_input() 打开音频文件设置检查错误代码的函数后，我得到以下输出: Error code:
java - 无法 Autowiring
使用 Spring Initializer 创建一个简单的 Spring boot。我只在可用选项下选择 DevTools。创建项目后，无需对其进行任何更改，即可正常运行程序。现在，当我尝试在项目
macos - 无法 brew 链接qt
所以我只是在 Mac OS X 中通过 brew 安装了 qt。但是它无法链接它。当我尝试运行 brew link qt 或 brew link --overwrite qt 我得到以下信息: ton
git - 无法 pull 或提交
我在提交和 pull 时遇到了问题:在提交的 IDE 中，我看到: warning not all local changes may be shown due to an error: unable
gcc - 无法 grep 特定格式的文本
我跑 man gcc | grep "-L" 我明白了 Usage: grep [OPTION]... PATTERN [FILE]... Try `grep --help' for more inf
curl - 无法 CURL 远程文件
我有一段代码，旨在接收任何 URL 并将其从网络上撕下来。到目前为止，它运行良好，直到有人给了它这个 URL: http://www.aspensurgical.com/static/images/a
WireGuard - 无法 ping 服务器或解析域
在过去的 5 个小时里，我一直在尝试在我的服务器上设置 WireGuard，但在完成所有设置后，我无法 ping IP 或解析域。下面是服务器配置 [Interface] Address = 10.
GitLab:无法 fork 我自己的项目
我正在尝试在 GitLab 中 fork 我的一个私有(private)项目，但是当我按下 fork 按钮时，我会收到以下信息: No available namespaces to fork the
javascript - 无法 GET/定义路由
我这里遇到了一些问题。我是 node.js 和 Rest API 的新手，但我正在尝试自学。我制作了 REST API，使用 MongoDB 与我的数据库进行通信，我使用 Postman 来测试我的路
javascript - 无法 AppendChild - 尝试使一个方法在不同的类中附加另一个方法
下面的代码在控制台中给出以下消息: Uncaught DOMException: Failed to execute 'appendChild' on 'Node': The new child el
javascript - 数组被视为对象，无法 NgFor
我正在尝试调用一个新端点来显示数据，我意识到在上一组有效的数据中，它在数据周围用一对额外的“[]”括号进行控制台，我认为这就是问题是，而新端点不会以我使用数据的方式产生它! 这是 NgFor 失败的原
git - 无法 checkout 到无效路径
我正在尝试将我的 Symfony2 应用程序部署到我的 Azure Web 应用程序，但遇到了一些麻烦。推送到远程时，我在终端中收到以下消息 remote: Updating branch 'mas
docker - Minikube具有IP-无法 curl
Minikube已启动并正在运行，没有任何错误，但是我无法 curl IP。我在这里遵循:https://docs.traefik.io/user-guide/kubernetes/，似乎没有提到关闭
linux - 无法 docker 组成任何项目
每当我尝试docker组成任何项目时，都会出现以下错误。我尝试过有和没有sudo 我在这台机器上只有这个问题。我可以在Mac和Amazon WorkSpace上运行相同的容器。 (myslabs)
python - 无法 pip 安装手电筒
我正在尝试 pip install stanza 并收到此消息: ERROR: No matching distribution found for torch>=1.3.0 (from stanza
kubernetes 无法 ping 通其他服务
DNS 解析看起来不错，但我无法 ping 我的服务。可能是什么原因？来自集群中的另一个 Pod: $ ping backend PING backend.default.svc.cluster.l
spring - 无法 Autowiring 字段
我正在使用Hibernate 4 + Spring MVC 4当我开始 Apache Tomcat Server 8我收到此错误: Error creating bean with name 'wel

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 无法使用数据表读取未定义的属性 'cell'