數據表，在何處編寫用於單個行格式的自定義HTML代碼

Question

我正在使用數據表以花式卡布局顯示JSON數據。 我正在使用DT的render方法來制作卡的HTML代碼：

"render": function ( data, type, row, meta ) {  
   var formattedHTMLRow = "<div title = '" + row.title + "'>"+ row.service_name + "<p>" + row.category_name + "</p>" + "</div>";
   return serviceNameColumn;
}

formattedHTMLRow是創建卡片視圖所需的實際HTML代碼的精簡版本。 我不想用Javascript寫很多HTML代碼。

理想情況下，我想使用HTML模板加載* .html文件並獲取render方法以使用它。 我怎么做？

Answer 1

如果我了解您的需求，則想導入一個包含一些大HTML代碼的文件，進行更改，然后將其呈現在datatables列上，對嗎？

我已經寫了一個簡單的plunkr，可以做到這一點，請在此處檢查： http ://plnkr.co/edit/99ux1uF3DPW1k7T5Ovq7?p=preview

它使用帶有rel='import'的link標記來指定我們不希望加載的文件，並稍后在DataTable的render方法上將其與簡單的javascript一起使用。

我認為代碼很容易解釋，如果您需要其他信息，請詢問。

進一步閱讀：

• HTML5導入：將HTML文件導入HTML文件

希望對您有幫助！