【问题标题】:Getting trouble in the jsPdf auto-table Custom width Columns在 jsPdf 自动表格自定义宽度列中遇到问题
【发布时间】:2016-08-03 23:45:49
【问题描述】:

大家好我正在尝试增加我指定的列大小列大小,所以我像这样使用{columnStyles: {xxx: {columnWidth: 18}}},列大小增加但下一行受到影响。那意思的下一行是theme: 'grid',意思是它不起作用。有人可以澄清一下吗?这是我的代码,

  doc.autoTable(getColumns(), getData(), //{columnStyles: {steps: {columnWidth: 65}}},
            {
            	theme: 'grid', // 'striped', 'grid' or 'plain'
            	headerStyles: {
                    fillColor: [189, 200, 255],
                    textColor: [12, 1, 1]
                },
               // margin: { top: 50, left: 20, right: 20, bottom: 0 },
            	styles: {
            	      overflow: 'linebreak',
            	      columnWidth: 110,
            	      lineWidth: 2,
            	      lineColor: [85, 51, 27]
            	      
            	    },
            	    pageBreak: 'avoid',
            	    beforePageContent: function(data) {
            	    	doc.setFontSize(10);
            	        doc.text("Process Name :"+mainData.name+"  ||   "+"Description :"+mainData.description, 20, 15);
            	        
            	    },
            	    //startY: doc.autoTableEndPosY() + 20,
                columnStyles: {
                  //0: {columnWidth: 200}
                }
              });
                      //doc.save("xxx.pdf");

【问题讨论】:

  • 发布的代码包含语法错误并且没有正确缩进。解决这个问题,我会再看一遍。也就是说,您的问题似乎是由于没有匹配的括号。您正在向 doc.autoTable() 发送四个参数,而它只支持三个(两个选项对象)
  • 语法错误已清除..
  • 甜蜜!嗯,你是增加单个单元格的宽度,而不是增加列的宽度?
  • 我有 5 列,但有些列占用更多空间有些占用更少空间例如:索引号,所以我需要增加或减少它们。
  • 等待您的答复:)

标签: jspdf jspdf-autotable


【解决方案1】:

尝试更改 pdfsize ,以下是格式

  pageFormats = { // Size in pt of various paper formats
        'a0': [2383.94, 3370.39], 'a1': [1683.78, 2383.94],
        'a2': [1190.55, 1683.78], 'a3': [841.89, 1190.55],
        'a4': [595.28, 841.89], 'a5': [419.53, 595.28],
        'a6': [297.64, 419.53], 'a7': [209.76, 297.64],
        'a8': [147.40, 209.76], 'a9': [104.88, 147.40],
        'a10': [73.70, 104.88], 'b0': [2834.65, 4008.19],
        'b1': [2004.09, 2834.65], 'b2': [1417.32, 2004.09],
        'b3': [1000.63, 1417.32], 'b4': [708.66, 1000.63],
        'b5': [498.90, 708.66], 'b6': [354.33, 498.90],
        'b7': [249.45, 354.33], 'b8': [175.75, 249.45],
        'b9': [124.72, 175.75], 'b10': [87.87, 124.72],
        'c0': [2599.37, 3676.54], 'c1': [1836.85, 2599.37],
        'c2': [1298.27, 1836.85], 'c3': [918.43, 1298.27],
        'c4': [649.13, 918.43], 'c5': [459.21, 649.13],
        'c6': [323.15, 459.21], 'c7': [229.61, 323.15],
        'c8': [161.57, 229.61], 'c9': [113.39, 161.57],
        'c10': [79.37, 113.39], 'dl': [311.81, 623.62],
        'letter': [612, 792],
        'government-letter': [576, 756],
        'legal': [612, 1008],
        'junior-legal': [576, 360],
        'ledger': [1224, 792],
        'tabloid': [792, 1224],
        'credit-card': [153, 243]
    };

你必须说var pdfsize = 'a1';

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-13
    • 1970-01-01
    • 1970-01-01
    • 2015-09-02
    • 2013-07-20
    • 1970-01-01
    相关资源
    最近更新 更多