Question

我有一个jQuery datable插入到我的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中设置它，这样我可以避免在那里随机添加文本？

谢谢！

Answer 1

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

#myDataTable { visibility:hidden; }

这样你可以把它放在HTML中，只需调用以下JavaScript来在更新值后显示它：

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

jQuery数据表 - 如何设置列名

1 个答案: