I created a table with several lightning:select and an input that act as filters for another data table displaying rows from a custom object. I'm using SLDS to make it responsive but after I added the styles for the sizes the lightning:select and inputs are not displayed in the full with available.
So for several selects there are varying sizes and it looks messy.
Here's a sample code:
<table class="searchTable">
<tr>
<div class="slds-grid slds-wrap">
<div class="slds-col slds-size--1-of-1 slds-medium-size--1-of-2 slds-large-size--1-of-3">
<th>
<lightning:select aura:id="productLine" name="productLine" label="Product Line">
<option value="">- Select a Product Line -</option>
<option value="">Option A</option>
<option value="">Option B</option>
</lightning:select>
</th>
</div>
</div>
</tr>
</table>