在jspdf上创建更整洁的表格和样式问题

var doc = new jsPDF();
var columns = ["列1", "列2", "列3"];
var rows = [
  ["行1单元格1", "行1单元格2", "行1单元格3"],
  ["行2单元格1", "行2单元格2", "行2单元格3"],
  ["行3单元格1", "行3单元格2", "行3单元格3"]
];

doc.autoTable(columns, rows);

doc.setFont("helvetica", "bold");
doc.setFontSize(12);
doc.setTextColor(255, 0, 0);

doc.autoTable(columns, rows, {
  theme: "grid", // 表格主题样式
  headerStyles: {
    fillColor: [0, 0, 255], // 表头背景颜色
    textColor: 255, // 表头文字颜色
    fontStyle: "bold" // 表头字体样式
  },
  bodyStyles: {
    textColor: 0 // 单元格文字颜色
  },
  alternateRowStyles: {
    fillColor: [255, 255, 0] // 奇数行背景颜色
  },
  columnStyles: {
    0: { cellWidth: 40 }, // 第一列宽度
    1: { cellWidth: "auto" }, // 第二列自动宽度
    2: { fontStyle: "italic" } // 第三列字体样式
  },
  margin: { top: 20 } // 表格与页面顶部的距离
});

doc.save("table.pdf");