Css 角度-2-下拉列表-multiselect-自定义宽度100%

我正在实现这个angular-2-dropdown-multiselect组件：

该组件工作正常，但我需要设置它与适合的容器

我想我只需要在某个地方加上“宽度：100%”，但我不知道该在哪里加

另一项考虑：

该组件在引导应用程序中实现

我将组件放在一张表中，如：

<table class="table">
<tr>
    <td>Search</td>
    <td><ss-multiselect-dropdown [options]="myOptions" [texts]="myTexts" [settings]="mySettings" [(ngModel)]="optionsModel" [ngModelOptions]="{standalone: true}"></ss-multiselect-dropdown></td>
</tr>
</table>

搜寻

考虑： 可能是考虑从引导表切换到引导表时，默认情况下应该使列表框适合容器

---

感谢支持

我不知道您想要设置它的宽度。是按钮还是下拉菜单

无论如何，您可以在父组件的css文件中设置宽度，如下所示：

:host >>> ss-multiselect-dropdown > div.btn-group {
 width: 100%;
}

:host >>> ss-multiselect-dropdown > div.btn-group > ul.dropdown-menu {
  width: 100%;
}

对于按钮：

ss-multiselect-dropdown > div.btn-group {
  width: 100%;
}

对于下拉菜单：

ss-multiselect-dropdown > div.btn-group > ul.dropdown-menu {
  width: 100%;
}

如果它不起作用，您可能需要使用如下深度样式：

:host >>> ss-multiselect-dropdown > div.btn-group {
 width: 100%;
}

:host >>> ss-multiselect-dropdown > div.btn-group > ul.dropdown-menu {
  width: 100%;
}

---

你应该看看Angular.io的页面，你也可以使用“colspan”

<angular2-multiselect [data]="dropdownList" [(ngModel)]="selectedItems" 
[settings]="dropdownSettings" 
></angular2-multiselect>

<table class="table">
   <tr>
      <td>Search</td>
      <td colspan="#ofColumnsToSpan"><ss-multiselect-dropdown [options]="myOptions" [texts]="myTexts" [settings]="mySettings" [(ngModel)]="optionsModel" [ngModelOptions]="{standalone: true}"></ss-multiselect-dropdown></td>
   </tr>
</table>

搜寻