首页 > 解决方案 > Autotable:单元格宽度错误,有溢出内容

问题描述

我在角度 4 上使用 jspdf-autotable。当内容溢出时,线宽是错误的。我想在我的桌子上使用长内容,但断线不能正常工作。我能做些什么????

这是我的结果的屏幕截图

有我的源代码

doc.autoTable(colonnes, rows, {    
    theme: 'striped',
      styles: {
        fillColor: [10, 10, 20],
        overflow: 'linebreak',
        fontSize: 15,
        rowHeight: 20,
        columnWidth: 'wrap',
        theme: 'striped',// 'striped', 'grid' or 'plain'
        startY: false, // false (indicates margin top value) or a number
        pageBreak: 'auto', // 'auto', 'avoid' or 'always'
        tableWidth: 'wrap', // 'auto', 'wrap' or a number, 
        showHeader: 'firstPage', // 'everyPage', 'firstPage', 'never',
        tableLineColor: 200, // number, array (see color section below)
        tableLineWidth: 2,
      },
      tableWidth: 'auto',
      columnWidth: 'auto',
      columnStyles: {
        id: {fillColor: [15, 15,25]},
        //1: {columnWidth: 'auto'},
        columnWidth: 'wrap',
      },
      headerStyles: {theme: 'striped'},
      margin: {top: 60},
      addPageContent: function(data) {
        doc.text(nom + '    Nombre Total : ' + rows.length, 150, 40);
        /*fontSize: 25;
        fontFamily: 'vivaldi';*/
      }
  });

doc.save(nom+now+'.pdf');

标签: jspdf-autotable

解决方案


在 columnStyles 添加'溢出:'

溢出的可能值:

溢出:'linebreak'|'ellipsize'|'visible'|'hidden' = 'normal'

columnStyles = { columnId: { overflow: 'ellipsize' } }


推荐阅读