我正在使用数据表以精美的卡片布局显示 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 是创建卡片 View 所需的实际 HTML 代码的简化版本。我不想用 Javascript 编写大量 HTML 代码。
理想情况下，我想加载一个带有 HTML 模板的 *.html 文件并获取 render 方法来使用它。我该怎么做？
最佳答案
如果我理解您的需要，您想导入一个包含一些大 HTML 代码的文件，更改它然后将其呈现在数据表列上，对吗？
我已经写了一个简单的 plunkr，它就是这样做的，在这里查看:http://plnkr.co/edit/99ux1uF3DPW1k7T5Ovq7?p=preview
它使用带有 rel='import' 的 link 标签来指定我们不想加载的文件，稍后在 DataTable 的渲染中将它与简单的 javascript 一起使用方法。
我认为代码是不言自明的，如果您需要额外的信息，请询问。
进一步阅读:
希望对你有帮助!
关于javascript - 数据表，在其中为单个行格式编写自定义 HTML 代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33233466/