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>