title: suggestion rows width increase in multi input field
body: <ul>
  <li><p>I have a MultiInput field in FilterBar when user enter the value suggestion table will display . <a href="https://i.stack.imgur.com/UfP8T.png" rel="nofollow noreferrer">Sample 1</a></p>
  </li>
  <li><p>I have  5 column in suggestion table data is overlapping. The Suggestion table taking the width of that multiInput field. <a href="https://i.stack.imgur.com/mcmVe.png" rel="nofollow noreferrer">sample 2</a></p>
  </li>
  </ul>
  <p>How to increase the suggestion table width like that of sample 1?</p>
  <pre class="lang-xml prettyprint-override"><code>        &lt;fb:FilterBar &lt;fb:FilterBar reset=&quot;onReset&quot; class=&quot;sapUiSizeCompact&quot; search=&quot;onSearch&quot; useToolbar=&quot;false&quot; showRestoreButton=&quot;false&quot;
                              showClearButton=&quot;false&quot;&gt;
                              &lt;fb:filterGroupItems&gt;
                                  
                                  
                                  
                      &lt;fb:FilterGroupItem groupName=&quot;Filters&quot; partOfCurrentVariant=&quot;true&quot; visibleInFilterBar=&quot;true&quot; name=&quot;0F&quot; label=&quot;Plant&quot; labelTooltip=&quot;Plant&quot;
                                      mandatory=&quot;false&quot;&gt;
                                      &lt;fb:control&gt;
                                      
                          
                          &lt;MultiInput showSuggestion=&quot;true&quot; valueHelpRequest=&quot;.onValueHelpRequested&quot; startSuggestion=&quot;2&quot; suggestionRows=&quot;{/ProductCollection}&quot;&gt;
                          
                              &lt;suggestionColumns&gt;
                                  &lt;Column&gt;
                                      &lt;Label text=&quot;ProductId&quot;/&gt;
                                  &lt;/Column&gt;
                                  &lt;Column&gt;
                                      &lt;Label text=&quot;Product Name&quot;/&gt;
                                  &lt;/Column&gt;
                                  &lt;Column&gt;
                                      &lt;Label text=&quot;Category&quot;/&gt;
                                  &lt;/Column&gt;
                                      &lt;Column&gt;
                                      &lt;Label text=&quot;Description&quot;/&gt;
                                  &lt;/Column&gt;
                                  &lt;Column&gt;
                                      &lt;Label text=&quot;Main Category&quot;/&gt;
                                  &lt;/Column&gt;
                                  
                                  
                              &lt;/suggestionColumns&gt;
                              &lt;suggestionRows&gt;
                                  &lt;ColumnListItem&gt;
                                      &lt;cells&gt;
                                          &lt;Label text=&quot;{ProductId}&quot; /&gt;
                                          &lt;Label text=&quot;{Name}&quot; /&gt;
                                          &lt;Label text=&quot;{Category}&quot; /&gt;
                                          &lt;Label text=&quot;{Description}&quot; /&gt;
                                          &lt;Label text=&quot;{MainCategory}&quot; /&gt;
                                      &lt;/cells&gt;
                                  &lt;/ColumnListItem&gt;
                              &lt;/suggestionRows&gt;                   
                              
                          &lt;/MultiInput&gt;                           
                                      &lt;/fb:control&gt;
                                  &lt;/fb:FilterGroupItem&gt;                                               
                                  
                                  
                              &lt;/fb:filterGroupItems&gt;
                          &lt;/fb:FilterBar&gt;
      
      
        
  </code></pre>