<script src="https://code.jquery.com/jquery-3.1.0.js"></script><table>

    <thead>

        <tr>

            <th>Amount</th>

            <th>Device Price</th>

            <th><a href="#" class="btn btn-primary btn-sm addRow">

                <i class="fa fa-plus"></i>

            </a>

            </th>

            <th>Column Total Price</th>

        </tr>

    </thead>

    <tbody>

        <tr>

            <td>

                <div class="form-group">

                    <input type="number" name="amount"/>

                </div>

            </td>

            <td>

                <div class="form-group">

                    <input type="number" name="device_price"/>

                </div>

            </td>

            <td align="center">

                <a href="#" class="btn btn-danger btn-sm remove">

                    <i class="fa fa-times"></i>

                </a>

            </td>

            <td>

              <input type="number" name="column_total_price"/>

          </td>

        </tr>

    </tbody>

    <input type="hidden" name="amount[]"/>

    <input type="hidden" name="device_price[]"/>

    <input type="hidden" name="total_column_price[]"/>

    <tfoot>

        <tr>

            <td>Total: </td>

            <td style="border: none"><b class="total_price"></b></td>

            <td style="border: none"></td>

        </tr>

    </tfoot>

</table>

​

<button id="add-row">Add Row</button>