6

私の例(「PDFのエクスポート」をクリックするだけです):https://jsfiddle.net/j9vaqpnz/7/

私の例では、次のようなテーブルをエクスポートします。

ここに画像の説明を入力 .

テーブルは、ライブラリjspdfおよびautotableを使用して pdf にエクスポートされます。

エクスポート機能中に「drawCell」機能を使用し、数値を含むすべての列に対して、次のように右揃えにします。

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';
                }
            }

.

問題: PDF で、右揃えにしたすべての列が正しく配置されていません。次のようになります。

ここに画像の説明を入力

これはバグですか?または、「drawCell」を不適切に使用している可能性がありますか?

4

2 に答える 2

1

columnStylesプロパティを使用してセルを整列できます

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 ドキュメント

于 2020-12-22T17:00:40.920 に答える