如何将 PrimeNG 中的 p-checkbox 标签放在复选框的左侧

Question

Name    Account  1  2  3  4  5  6    
Wendy   WILLIS   1  1  0  1  0  2

默认情况下，标签位于复选框的右侧，如何将其更改为左侧？

Answer 1

您可以通过在 row-direction 元素中将 row-reverse 样式属性设置为 p-checkbox 来实现此目的。

<p-checkbox 
  name="group1" 
  [value]="true" 
  label="Outsourcing" 
  style="margin: 0 25px; flex-direction: row-reverse">
</p-checkbox>

工作示例：https://stackblitz.com/edit/angular-ivy-drzmxl?file=src/app/app.component.html