csstwitter-bootstrapangular

angular-2-dropdown-multiselect - Customize width 100%


I'm implementing this angular-2-dropdown-multiselect component:

https://www.npmjs.com/package/angular-2-dropdown-multiselect

The component work properly but I need to set its with fit to the container...

I think that I just have to add "width:100%" somewhere but I don't know where I have to do it.

Another consideration:

The component is implemented in a Bootstrap application.

I have put the component inside a table like:

<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>

Consideration:

May be that considering switching from bootstrap table to a bootstrap form should render the listbox fit to container by default...

Thanks to support


Solution

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

    https://www.npmjs.com/package/angular2-multiselect-dropdown