如何添加一行jQuery數據表中的每個列的自定義html保存HTML代碼模板和JavaScript代碼在單獨的文件？

我有一個數據表。我想簡單地添加一行或動態刪除。對於刪除行，我們只需使用fnRowDelete（）函數，它使所有任務變得簡單。如何添加一行jQuery數據表中的每個列的自定義html保存HTML代碼模板和JavaScript代碼在單獨的文件？

<table> 
    <tr> 
    <td><p>sr no</p></td> 
    <td><div>First name</div></td> 
    <td><div>Last name</div></td> 
    </tr> 
</table>

但是添加使用fnAddData新行（1，「約翰」，「母鹿」）做的工作，但它會沒有自定義HTML直接添加標籤內這一數據添加行。

<table> 
    <tr> 
    <td>1</td> 
    <td>john</td> 
    <td>doe</td> 
    </tr> 
</table>

在這裏，我想添加這個行，其html標籤以及。如果我們在函數fnAddData（）中傳遞html作爲字符串以獲得所需的輸出，我們將無法將javascript和html代碼分開（使用模板）。

有什麼辦法，我可以保持javascript和html代碼在不同的文件，仍然能夠添加所需格式的行。

所需的樣本的輸出： -

<table> 
    <tr> 
    <td><p>1</p></td> 
    <td><div>john</div></td> 
    <td><div>doe</div></td> 
    </tr> 
</table>

應該有一種像「append」那樣在元素中添加數據的方法。看看jQuery文檔...順便說一句，看看這個：http://stackoverflow.com/questions/171027/add-table-row-in-jquery。這樣做的工作，你可以把任何你想要的表... – Julo0sS

@jayshree - 顯示您的函數fnAddData（） –

如果你想從一個分離的文件中獲取你的HTML數據，只需使用jQuery $ .ajax（{ }）函數並回調結果。然後，要添加你的行，只需檢查我以前的評論......或使用你神祕的fnAddData函數！ – Julo0sS

-1

使用.html()追加。這樣

$("td").html("<p>+'jsonData.Number'+</p>");

2015-04-16 07:01:34 Arun

更好的方式做的就是添加自定義模板，以您的數據錶行。

"columnDefs": [ { 
     "targets": -1, 
     "data": null, 
     "defaultContent": "<button>Click!</button>" 
    } ]

當數據爲空時，它將採用默認模板。如果您願意，您可以根據您的要求使用模板格式化數據。

2016-07-11 06:14:53 Aarthi

回答