javascript - jsPDF autotable right align x position bug - Stack Overflow

admin管理员组

文章数量:1347158

My example (just click "export PDF"): /

My example exports my table which looks like this:

.

The table then is exported to pdf using libraries jspdf and autotable.

During the export function I use the "drawCell" function and for all columns which contain a number i right-align them as follows:

drawCell: function (cell, data) {
                var col = data.column.index;
                if(col==3 || col==5 || col==6 || col==7 || col==8 || col==9 || col==10){
                    cell.styles.halign = 'right';
                }
            }

.

Problem: In the PDF all the columns which I have right-aligned are positioned inproperly, it looks like this:

Is this a bug? Or maybe I am using "drawCell" inproperly?

My example (just click "export PDF"): https://jsfiddle/j9vaqpnz/7/

My example exports my table which looks like this:

.

The table then is exported to pdf using libraries jspdf and autotable.

During the export function I use the "drawCell" function and for all columns which contain a number i right-align them as follows:

drawCell: function (cell, data) {
                var col = data.column.index;
                if(col==3 || col==5 || col==6 || col==7 || col==8 || col==9 || col==10){
                    cell.styles.halign = 'right';
                }
            }

.

Problem: In the PDF all the columns which I have right-aligned are positioned inproperly, it looks like this:

Is this a bug? Or maybe I am using "drawCell" inproperly?

• javascript
• pdf-generation
• jspdf
• jspdf-autotable

Share Improve this question Follow asked Jan 30, 2017 at 10:43 DavidDunhamDavidDunham 1,37211 gold badge2525 silver badges4949 bronze badges 2

• Try using createdCell instead of drawCell. – Simon Bengtsson Commented Jan 30, 2017 at 11:36
• Takk Simon. I have posted an updated - working - example below for pletion if anyone else is looking for this. – DavidDunham Commented Jan 30, 2017 at 13:12

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

When using "didParseCell" (v3.x) the right align positions the elements properly.

Updated example: https://jsfiddle/j9vaqpnz/10/

New Code:

...
didParseCell: function (cell, data) {
    alignCol(cell, data);
}
...

function alignCol(data){
    var col = data.column.index;
    if(col==3 || col==5 || col==6 || col==7 || col==8 || col==9 || col==10){
        data.cell.styles.halign = 'right';
    }
}

You can align cells using the columnStyles property

const pdf = new jsPDF();

pdf.autoTable({

    ...

    columnStyles: {
        3: {
            halign: 'right'
        },
        5: {
            halign: 'right'
        },
        6: {
            halign: 'right'
        },
        7: {
            halign: 'right'
        },
        8: {
            halign: 'right'
        },
        9: {
            halign: 'right'
        },
        10: {
            halign: 'right'
        }
    }
});

jsPDF-AutoTable documentation

本文标签： javascriptjsPDF autotable right align x position bugStack Overflow