JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dl.dropbox.com/u/814672/js/tableCell/jquery.tablecell.js"></script>
<table id="sample">
    <caption>CPU価格表</caption>
    <thead></thead>
    <tbody></tbody>
</table>

CSS

.strong {
    font-weight: bold;
    color: #F00;
}

th {
    background-color: #DFDFFF;
}

td, th {
    border: solid 1px #CCC;
    padding: 4px;
}

JavaScript

var header = [['名称', 　'メーカー', 'ソケット', '価格']];
var data = [
    ['K6-2', 'AMD', 'Socket 7', {value: '&yen;9800', attr: {class: 'strong'}}],
    ['PentiumII', 'Intel', 'Slot1', '&yen;20000'],
    ['Cyrix 6x86', 'Cyrix', 'Socket 7', '&yen;14800'],
    ['WinChip 2', 'IDT', 'Socket 7', '&yen;13200']
];

$('#sample')
    .find('thead').tableCell(header, true).end()
    .find('tbody').tableCell(data);