将列添加到jQuery数据表

Question

I want to add a column to a jQuery Datatable. It will be used to contain a delete button for each row, like I have for another table. The button picture and class are specific in the php file that retrieves the table data from a database.

Simply adding a column to the html as the following breaks the javascript on the page:

<th>New Column</th>

I do not see anything in the aoColumnDefs settings that does anything to the added column. What code and where do I need to add or edit to accommodate the new column?

I am not the original developer behind the existing tables.

Answer 1

You can add one or more th from here like Revenue2

<table class="mws-table">
        <thead>
        <tr>
            <th>Date</th>
            <th>Transaction ID</th>   
            <th>Segment</th>
            <th>Revenue</th>
        </tr>
        </thead>
        <tbody id="transactions">
        <tr>
            <td class="trDate"></td>
            <td class="transactionId"></td>
            <td class="segment"></td>
            <td class="revenue"></td>
        </tr>
        </tbody>
        <tfoot>
        <tr class="customFooterRow">
            <th>Total</th>
            <th></th>
            <th></th>
            <th align ="left" class="revenueTotal"></th>
        </tr>
        </tfoot>
    </table>