Javascript Datatables，用于为单个行格式编写自定义HTML代码

我使用datatables在花式卡片布局中显示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;
}

“呈现”：函数（数据、类型、行、元）{
var formattedHTMLRow=“”+row.service_name+”“+row.category_name+”
“+”；
返回serviceNameColumn；
}

formattedHTMLRow

是创建卡片视图所需的实际HTML代码的简化版本。我不想用Javascript写很多HTML代码

---

理想情况下，我希望加载一个带有html模板的*.html文件，并获取

render

方法来使用它。怎么做？

如果我了解您需要什么，您希望导入一个包含一些大HTML代码的文件，对其进行更改，然后在datatables列上呈现，对吗

我已经写了一个简单的plunkr，它可以做到这一点，请在这里检查：

它使用带有

rel='import'

的

link

标记指定我们不想加载的文件，并在稍后的DataTable的render方法中与简单javascript一起使用

我认为这段代码很容易解释，如果你需要额外的信息，尽管问

进一步阅读：

---

希望它能帮助你

您可以查看我使用的任何JS模板引擎，但还有其他替代方法，如@TasosK。没错，不过我正在寻找一个更简单的解决方案，用

render

方法快速绑定HTML模板。

import

的+1。我不知道你能做到。一个非常好的解决方案。我会给

一个id，比如

id=“partial”

-

var partial=document.getElementById（“partial”）。导入
也可以工作，使用多个模板会更容易一些。