如何在中初始化或調(diào)用Vanilla數(shù)據(jù)表。NET核心MVC

Question 1

一、我按照這里給出的說明來設計cshtml頁面，https://github.com/Mobius1/Vanilla-DataTables

我已經(jīng)適當?shù)靥砑恿薈SS和JS文件，

CSS

<link  rel="stylesheet" type="text/css">

JS

<script src="https://unpkg.com/vanilla-datatables@latest/dist/vanilla-dataTables.min.js" type="text/javascript"></script>

我試圖通過在cshtml索引頁中調(diào)用下面的代碼來初始化索引頁中的表

<script>
var table = new DataTable("table");
</script>

Also tried

<script>
var table = new DataTable("#datatable");
</script>

其中table是我的表類名，datatable是表的id。但是什么也沒有出現(xiàn)。如果您需要任何其他詳細信息，請告訴我。一、我正在使用。net內(nèi)核和MVC架構(gòu)中的bootstrap。

Edit

根據(jù)提供的答案，我最終使用同一Github repo中提到的簡單數(shù)據(jù)表作為解決方案，這是vanilla數(shù)據(jù)表的最新迭代：

https://github.com/fiduswriter/Simple-DataTables

并使用cshtml頁面底部的以下腳本進行初始化：

<script src="https://cdn.jsdelivr.net/npm/simple-datatables@latest"></script>
<script>
    // Simple Datatable
    var mytable = document.querySelector('#datatable');
    var dataTable = new simpleDatatables.DataTable(mytable,{
    
//Enter any additional config details required here if required. Else Leave Blank

    });
</script>

Question 2

您鏈接到的Vanilla-DataTablesrepo有幾個使用腳本的示例鏈接。

DataTable中使用的值。ctor似乎是要綁定Vanilla-DataTables的HTML表的類名。

因此，在您的示例中，如果您使用：

<script>
var table = new DataTable("table");
</script>

然后您需要有一個HTMLtable和一個名為table的css類：

<table class="table">
    <thead>
        <tr>
            <th>Name</th>
            <th>Ext.</th>
            <th>City</th>
            <th data-type="date" data-format="YYYY/MM/DD">Start Date</th>
            <th>Completion</th>
        </tr>
    </thead>
    <tbody>
        <tr><td>Unity Pugh</td><td>9958</td><td>Curicó</td><td>2005/02/11</td><td>37%</td></tr>
        <tr><td>Theodore Duran</td><td>8971</td><td>Dhanbad</td><td>1999/04/07</td><td>97%</td></tr>
        <tr><td>Kylie Bishop</td><td>3147</td><td>Norman</td><td>2005/09/08</td><td>63%</td></tr>
        <tr><td>Alisa Horn</td><td>9853</td><td>Ucluelet</td><td>2007/01/11</td><td>39%</td></tr>
        <tr><td>Zelenia Roman</td><td>7516</td><td>Redwater</td><td>2012/03/03</td><td>31%</td></tr>
    </tbody>
</table>

來源：Vanilla-DataTable演示>默認設置

Answer 1

您鏈接到的Vanilla-DataTablesrepo有幾個使用腳本的示例鏈接。

DataTable中使用的值。ctor似乎是要綁定Vanilla-DataTables的HTML表的類名。

因此，在您的示例中，如果您使用：

<script>
var table = new DataTable("table");
</script>

然后您需要有一個HTMLtable和一個名為table的css類：

<table class="table">
    <thead>
        <tr>
            <th>Name</th>
            <th>Ext.</th>
            <th>City</th>
            <th data-type="date" data-format="YYYY/MM/DD">Start Date</th>
            <th>Completion</th>
        </tr>
    </thead>
    <tbody>
        <tr><td>Unity Pugh</td><td>9958</td><td>Curicó</td><td>2005/02/11</td><td>37%</td></tr>
        <tr><td>Theodore Duran</td><td>8971</td><td>Dhanbad</td><td>1999/04/07</td><td>97%</td></tr>
        <tr><td>Kylie Bishop</td><td>3147</td><td>Norman</td><td>2005/09/08</td><td>63%</td></tr>
        <tr><td>Alisa Horn</td><td>9853</td><td>Ucluelet</td><td>2007/01/11</td><td>39%</td></tr>
        <tr><td>Zelenia Roman</td><td>7516</td><td>Redwater</td><td>2012/03/03</td><td>31%</td></tr>
    </tbody>
</table>

來源：Vanilla-DataTable演示>默認設置

如何在中初始化或調(diào)用Vanilla數(shù)據(jù)表。NET核心MVC

Edit

熱門問答

轉(zhuǎn)換為后，如何使用keystore.jks和truststore.jks文件來處理卡夫卡Python SSL Authentication。pem？

Rails不允許來自JSON模式的負載

js click元素在div中的內(nèi)部

更新順序表中的間隙

如何將變量從一個函數(shù)傳遞到另一個函數(shù)，并在python中的條件語句中使用它們？

在vs代碼（js）中，美元符號$作為字符串值的賦值運算符不起作用或突出顯示

如何在Yii2中使用jQuery進行表單驗證

在統(tǒng)計學中，R語言如何實現(xiàn)全排列（permutation）

云計算中的分布式系統(tǒng)如何確保數(shù)據(jù)一致性

哪位高手請給一份juniper 的基本命令

python 查找表

Typescript `類型“String”不能作為索引類型使用。`