html - angular 2 - 选项卡旁边的 primeng 添加按钮

Question

所以我需要有两个选项卡和一个按钮，我是 primeng 的新手并创建了选项卡组件，它工作正常，请参见下面的代码，但我无法在同一行中创建按钮。

<p-tabView class="info-audit-tabview">
    <div class="ui-tabview-panels">
        <p-tabPanel header="UnSelected List">


        </p-tabPanel>

        <p-tabPanel header="Selected List" ng-reflect-header="Audit Trail">
        </p-tabPanel>
    </div>
</p-tabView>

Answer 1

使用 Bootstrap 类，为选项卡添加 col-md-4 或 col-md-6。然后放置按钮

<p-tabView class="info-audit-tabview col-md-4">
  <div class="ui-tabview-panels">
    <p-tabPanel header="UnSelected List">
    </p-tabPanel>
    <p-tabPanel header="Selected List" ng-reflect-header="Audit Trail">
    </p-tabPanel>
  </div>
</p-tabView>
<button type="button" pButton label="Export"></button>