lightning:input vertical alignment in table cell

Question

Hi,
I want to create a table in my lightning component. I created 2 lightning:input fields and want to change the vertical alignment to "middle" but it does not work.

I tried to do the following:

<td  class="slds-align-middle"><lightning:input /></td>

and this:

<td><span class="slds-align-middle"><lightning:input /></span></td>

and this:

<td Style="text-align: center;vertical-align:top;" valign="middle"><lightning:input /></td>

I am using slds:

    <table class="slds-table slds-table_bordered slds-table_cell-buffer slds-table_col-bordered">
     <thead>...</thead>
     <tbody>
      <tr> [td in the middle of the cell] </tr>
     </tbody>
    </table>

I hope someone can help me. Thanks!

Answer 1

Use <lightning:input variant="label-hidden"> to have lightning input without a space in front.