Cách Chia bảng trong trường hợp này

mình có một cái bảng nhưng bảng cuối mình chia không được, cụ thể là bảng Condiontion mà không hiểu sao.
đây là code cái bảng và hình minh họa, đường kẻ đen là mình chưa làm được
như trường hợp này mình bị thiếu phần nào vậy các bjan ? cảm ơn ạ

<table id="items">
        <tr>
            <th width="25%">Prestation</th>
            <th width="10%">Prix Unitaire</th>
            <th width="10%">Quantity</th>
            <th width="10%">Montant</th>
            <th width="45%">Condition</th>
        </tr>

        <tr class="item-row">
            <td class="item-name">
                <div class="delete-wpr"><input type="text" style="width: px; height: 47px;"><a class="delete" href="javascript:;" title="Remove row">X</a></div>
            </td>

            <td><input type="text" class="cost" style="width: 100px; height: 47px;"></td>

            <td><input type="text" class="qty" style="width: 60px; height: 47px;"></td>
            <td><span class="price"></span></td>

            <td class="condition" rowspan="2" style="width: 60px; height: 47px;" >
            </td>
            ////////////
            
            <tr class="item-row">
            <td class="item-name">
                <div class="delete-wpr"><input type="text" style="width: px; height: 47px;"><a class="delete" href="javascript:;" title="Remove row">X</a></div>
            </td>

            <td><input type="text" class="cost" style="width: 100px; height: 47px;"></td>

            <td><input type="text" class="qty" style="width: 60px; height: 47px;"></td>
            <td><span class="price"></span></td>

            <td class="condition" rowspan="2" style="width: 60px; height: 47px;" >
            </td>
            
            ///////////
            <tr class="item-row">
            <td class="item-name">
                <div class="delete-wpr"><input type="text" style="width: px; height: 47px;"><a class="delete" href="javascript:;" title="Remove row">X</a></div>
            </td>

            <td><input type="text" class="cost" style="width: 100px; height: 47px;"></td>

            <td><input type="text" class="qty" style="width: 60px; height: 47px;"></td>
            <td><span class="price"></span></td>

            <td class="condition" rowspan="2" style="width: 60px; height: 47px;" >
            </td>
            
            ///////////
            
            <tr id="hiderow">
                <td colspan="5"><a id="addrow" href="javascript:;" title="Add a row">Add a row</a></td>
            </tr>

            <tr>
                <td colspan="1" class="blank"> </td>
                <td colspan="2" class="total-line">Subtotal</td>
                <td class="total-value">
                    <div id="subtotal"></div>
                </td>
            </tr>
            <tr>
                <td colspan="1" class="blank"> </td>
                <td colspan="2" class="total-line">Total</td>
                <td class="total-value">
                    <div id="total"></div>
                </td>
            </tr>
            <tr>
                <td colspan="1" class="blank"> </td>
                <td colspan="2" class="total-line">Montant payé</td>

                <td class="total-value"><input type="text" id="paid" style="width: 50px; heigth: ;"></td>
            </tr>
            <tr>
                <td colspan="1" class="blank"> </td>
                <td colspan="2" class="total-line balance">Solde dû</td>
                <td class="total-value balance">
                    <div class="due"></div>
                </td>
                <td>
                </td>
            </tr>
    </table>