Html 在“启动面板”窗口小部件中，将按钮拉到面板标题的右侧

我的面板标题上有一个主ng按钮。我想把它拉到面板标题的右侧。有人能告诉我吗

  <p-header>
    <h4>Data View</h4>
    <button pButton type="button" [style]="{'float':'right'}" label="New Data" icon="fa-plus" (click)="createData()" class="ui-button-danger"></button>
  </p-header>

数据视图

---

另外，button似乎没有样式类，有没有办法为Priming button小部件指定css类？

您可以使用纯HTML/css类型样式

因此，您可以使用常规CSS，而不是执行

[style]=“…”

<button pButton type="button" style="float: right;" ....</button>

您必须记住，尽管priming为您做了很多工作，但它只是javascript/typescript和HTML/CSS。您仍然可以对它们进行基本的CSS样式设置。我确实不得不这样做来减少按钮，因为它们占用了太多的屏幕空间。

现在您可以使用

p-jc-end

类：

<p-button class="p-grid p-jc-end" [routerLink]="..." [icon]="..." [label]="...">

您是否尝试过[ngStyle]=“{'float'：'right'}”

<p-button class="p-grid p-jc-end" [routerLink]="..." [icon]="..." [label]="...">