首页 > 解决方案 > JsPdf-autotable 在同一行显示项目

问题描述

我在反应项目中使用 jspdf-autotable 并且我有一个产品对象,我想将该对象打印为 pdf。当我尝试做。打印在同一行。

我想把元素放在不同的行

在此处输入图像描述

const doc = new jsPDF();
//products Object
  const products = [
    { name: "computador", sold: 21 },
    { name: "Keyboard", sold: 23 },
    { name: "Mouse", sold: 77 },
    { name: "HD", sold: 25 },
    { name: "SSD", sold: 12 }
  ];
//Function to print items
const Print = () => {
    doc.autoTable({ html: "#my-table" });
    const columns = ["Name", "Sold"];
    const rows = [
      [products.map((item) => item.name), products.map((item) => item.sold)]
    ];
    doc.autoTable(columns, rows);

    doc.save("table.pdf");
  };

标签: reactjs

解决方案


推荐阅读