如何使用SwissQRBill实现表格指定列文本右对齐？

SwissQRBill的表格列配置支持通过alignment属性设置文本对齐方式，你只需在"Price"列的配置中添加alignment: 'right'，即可实现该列所有内容右对齐。

修改后的表头代码 #

{
  fillColor: '#ECF0F1',
  columns: [
    {
      text: 'Article',
      width: mm2pt(15),
    },
    {
      text: 'Price',
      alignment: 'right' // 配置表头右对齐
    },
  ],
};

动态数据行的处理 #

如果是渲染动态生成的表格数据，在构造每一行的列配置时，同样给Price对应的列添加alignment: 'right'：

// 示例商品数据
const items = [
  { article: 'Notebook', price: '12.90 CHF' },
  { article: 'Pen', price: '2.50 CHF' }
];

// 生成表格行数据
const tableRows = items.map(item => ({
  columns: [
    { text: item.article },
    { text: item.price, alignment: 'right' } // 数据行Price列右对齐
  ]
}));

alignment属性继承自PDFKit的文本配置，可选值包括left（默认）、center、right，可直接用于表格列的对齐控制。

内容的提问来源于stack exchange，提问作者felix