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

[S2slow.Vn (Nguyễn Tuấn)]

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>

[quocdang (Đẵng Nguyễn Quốc)]

Bạn để code lên đây nà : https://jsfiddle.net/ nhé. Để biết đang xài css như thế nào

[Jokar_Vu (Jokar Vũ)]

Bạn thử thêm thuộc tính cellspacing vào class total-line xem… Sao bạn không dùng CSS @@