PdfMake使用样式显示动态数据

时间:2016-09-27 14:47:41

标签: javascript html css html5 pdfmake

我正在使用PdfMake在客户端生成pdf。我将一个技能列表存储在一个数组中,如下所示:

var skills: ["hiking", "running", "typing", "etc"];

我试图展示这类技能,类似于堆栈溢出(带有样式,如边框半径和背景颜色等):

enter image description here

PdfMake没有提供我知道的任何可以让我这样做的功能。有谁知道如何使用pdf make将样式作为标签显示数据数组?

1 个答案:

答案 0 :(得分:0)

这样的事情?



var skills = ["hiking", "running", "typing", "etc"];
for (i=0; i<skills.length; i++) {
  document.write("<a class='tag'>"+skills[i]+"</a>");
}
&#13;
a.tag {
  background: grey;
  padding: 5px 10px;
  color: white;
  font-family: sans-serif;
  font-size: 11px;
  border-radius: 4px;
  margin-right: 1px;
  }
&#13;
&#13;
&#13;