jQuery 数据表 - 如何设置列名答案

【问题标题】：jQuery datatables - how to set the column namejQuery 数据表 - 如何设置列名
【发布时间】：2015-12-17 20:06:16
【问题描述】：

我有一个 jQuery 数据表插入到我的 ASP.NET 应用程序中，目前，为了显示列名，我在 Razor 视图中有以下代码..

<table id="myDataTable" class="display">
    <thead>
        <tr>
            <th>Contact name</th>
            <th>Title</th>
            <th>Country</th>
            <th>City</th>
            <th>Project</th>
        </tr>
    </thead>
    <tbody style="font-size:x-small"></tbody>
</table>

然后，我有用于 jQuery 数据表的 javascript...

$('#myDataTable').DataTable({
        "bServerSide": false,
        "sAjaxSource": //controller binding,
        "bAutoWidth": false,
        "bProcessing": true,
        "aoColumns": [
            { "sName": "CONTACT_NAME" },
            { "sName": "TITLE"},
            { "sName": "COUNTRY" },
            { "sName": "CITY" },
            { "sName": "PROJECT" },
        ],
        "bDestroy":true
    });

但是，当我在填写表格之前第一次渲染 HTML 时，它看起来很尴尬，因为我正在渲染一些没有数据表的随机 HTML（与未来的列名相关）......

如何定义表格的列而不必在 HTML 中设置它，这样我就可以避免在那里出现随机文本？

谢谢！

【问题讨论】：

你是在说一些没有样式的内容吗？尝试从隐藏的 html 部分开始。
嗨，这里没有闪光灯。基本上，我只有一个 HTML，一旦我使用 jQuery 数据表进行增强，它就会呈现列名，但在我使用数据表进行增强之前，我希望它被隐藏。如果我尝试使用 HTML hidden 属性，那么它将始终被隐藏，因为我不知道在调用数据表时如何区分。不知道我的解释是否有意义:)

标签： javascript jquery html asp.net datatables

【解决方案1】：

只需将 #myDataTable 的初始 CSS 设置为 visibility:hidden;，如下所示：

#myDataTable { visibility:hidden; }

这样您就可以将其直接放入 HTML 中，并在更新值后调用以下 JavaScript 来显示它：

document.getElementById('#myDataTable').style.visibility = "visible";

【讨论】：

不错！它成功了！但是，我不得不这样设置...document.getElementById('myDataTable').style.visibility = "visible";
arf ... 对... 大脑上的标签，抱歉 ;) （很高兴它为你解决了）