BTW, that was not my very latest code. The last one I tried (and didn't work either unless I collapse another object is this):

 <table id="payInvoicesTable" ng-show="payInvoices" class="table table-bordered table-hover table-list">
                <thead data-search:table-header data-table="payInvoicesTable" data-search="search()">

                </thead>
                <tbody>
                    <tr ng-repeat="result in payInvoices" ng-form="payInvoicesRow">
                        <td>
                            <input type="checkbox" ng-model="result.isToBePaid"
                                   data-no:dirty-check
                                   ng-change="payChange(result)" />
                        </td>
                        <td>
                            <a href="javascript:void(0);"><span ng-click="drillDown(result.invoice_No)">{{result.invoice_No}}</span></a>
                        </td>
                        <td>
                            {{result.descrip}}
                        </td>
                        <td>
                            {{result.dateCreated |date: 'medium'}}
                        </td>
                        <td>
                            <span ng-class="{'negative-amount' : result.invoiceBalance < 0}">{{result.invoiceBalance | currency}}</span>
                        </td>
                        <td>
                            <input type="number" name="payment" ng-model="result.payment" id="payment"
                                   ng-disabled="!result.isToBePaid"
                                   ng-class="{'negative-amount' : result.payment < 0}"
                                   min="0"
                                   data-no:dirty-check
                                   data-sm:number placeholder=" 000.00"
                                   data-sm:number-format data-accuracy="2" />
                            <div class="field-validation-error">
                                <span ng-show="payInvoicesRow.payment.$error.min">Payment should not be negative.</span>
                            </div>
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td style="width:10%;"></td>
                        <td style="width:12%;"></td>
                        <td style="width:18%;"></td>
                        <td style="width:30%;">@String.Format(Labels.totalX, ":")</td>
                        <td style="width:14%;"><span ng-class=" {'negative-amount': total('invoiceBalance') < 0}">{{total('invoiceBalance')|currency}}</span></td>
                        <td style="width:16%;">{{total('payment')|currency}}</td>
                    </tr>
                </tfoot>
            </table>

So, the only place where the width was defined was in the table's footer.