Vuejs2 如何更改vue good表格中的选定行标签区域

我正在使用vue good table，并尝试更改“选定行”框中的“标签”区域。查看列表，唯一可用的插槽是选定的行操作

---

是否有方法/槽编辑左侧的标签和“清除”操作？（不仅仅是他们的文字）

更新：

如前所述，库中没有任何直接配置来实现您想要实现的目标。仅CSS解决方案如下所示，请看以下内容：

尽管如此，我们谈论的是HTML（耶！），所以没有什么可以阻止您覆盖库的默认样式

您可以使用以下样式来使用

选定行操作

插槽并将插槽移动到“清除”按钮旁边：

<template>
...
<div slot="selected-row-actions">
    <label>Label 1</label>
    <button @click="countSelected()">Action 1</button>
    <label>Label 1</label>
    <button @click="countSelected()">Action 2</button>
</div>
...
</template>
<style>
  .vgt-selection-info-row__actions.vgt-pull-right {
    float: none !important;
    margin-left: 5px;
    display: inline;
  }
  .vgt-selection-info-row__actions.vgt-pull-right div {
    display: inline-block;
  }
</style>

...
标签1
行动1
标签1
行动2
...
.vgt-selection-info-row_uuactions.vgt-pull-right{
浮动：无！重要；
左边距：5px；
显示：内联；
}
.vgt-selection-info-row_uuactions.vgt-pull-right div{
显示：内联块；
}

---

PS：如果您想重新打开并跟踪库，库已经有一个已关闭的问题。

谢谢，但我希望将“选定x行”和“清除”操作更改一次。@amitdar不在框架中，但您仍然可以使用CSS隐藏信息栏主操作，并仅通过CSS更改显示自定义操作。我还要补充一点。

<div slot="selected-row-actions">
  <button @click="countSelected()">Sected Row Action</button>
</div>
<div slot="table-actions">
  Table Actions 
</div>

<template>
...
<div slot="selected-row-actions">
    <label>Label 1</label>
    <button @click="countSelected()">Action 1</button>
    <label>Label 1</label>
    <button @click="countSelected()">Action 2</button>
</div>
...
</template>
<style>
  .vgt-selection-info-row__actions.vgt-pull-right {
    float: none !important;
    margin-left: 5px;
    display: inline;
  }
  .vgt-selection-info-row__actions.vgt-pull-right div {
    display: inline-block;
  }
</style>