JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootswatch/2.1.1/cerulean/bootstrap.min.css">
<table id="compare_table" class="table table-bordered">
<thead>
<tr>
    <th class="head">&nbsp;</th>
    <th id="compare_table_header" class="center" colspan="1">商品比較表</th>
</tr>
</thead>
<tbody>
<tr class="odd" data-type="title">
    <th class="head center">商品名稱</th>
    <td class="center">title1</td>
    <td class="center">title2</td>
</tr>
<tr class="even" data-type="thumb">
    <th class="head center">縮圖</th>
    <td class="center"><img src="http://fakeimg.pl/80/" class="img-polaroid" /><br /><button class="remove_compare btn btn-mini" type="button">Remove Data</button></td>
    <td class="center"><img src="http://fakeimg.pl/80/" class="img-polaroid"  /><br /><button class="remove_compare btn btn-mini" type="button">Remove Data</button></td>
</tr>
</tbody>
</table>
<button class="add_compare btn" type="button">Add Data</button>

JavaScript

var $compareTable = $('#compare_table')
var $compareTableHeader = $('#compare_table_header')
var oCompareTable = {};
$compareTable.find('tbody:first > tr').each(function(i,n){
    oCompareTable[$(n).data('type')] = $(n);
})
var data = {'title':'test','thumb':'http://fakeimg.pl/80/'}
$compareTable.bind('insert_column',function(e,data){
    $.each(oCompareTable,function(name,n){
        var cell = $('<td />')
        var value = typeof(data[name]) == 'undefined' ? '--':data[name];
                    if( name == 'thumb' ){
                       value = '<img src="'+value+'" class="img-polaroid" /><br><button class="remove_compare btn btn-mini" type="button">Remove Data</button>'
                    }
        cell.html(value)
        oCompareTable[name].append(cell)
    })
    $compareTableHeader.attr('colspan', $compareTable.find('tbody > tr:first > td').size() )
})
$compareTable.bind('remove_column',function(e,colindex){
    $compareTable.find('td:nth-child('+(colindex+1)+')').remove()
})
$compareTable.on('click','.remove_compare',function(){
    var cell = $(this).parents('td:first');
    var index  = cell.parent().children().index(cell);
    console.log("====="+index);
    $compareTable.trigger('remove_column',index);
})
$('.add_compare').click(function(){
    $compareTable.trigger('insert_column',data);
})