test.html
<!DOCTYPE html>
<html>
<head>
<script src="https://fb.me/react-0.13.3.js"></script>
<script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
<script src="build/reactable.js" type="text/javascript"></script>
<script type="text/jsx">
/** @jsx React.DOM */
var Table = Reactable.Table,
Thead = Reactable.Thead,
Th = Reactable.Th,
Tr = Reactable.Tr,
Td = Reactable.Td,
unsafe = Reactable.unsafe;
React.render(
<Table className="table" id="table" data={[
{ Name: Reactable.unsafe('<span id="griffins-name">Griffin Smith</span>'), Age: '18'},
{ Age: '28', Position: Reactable.unsafe('<span id="who-knows-job">Developer</span>')},
{ Age: '23', Name: Reactable.unsafe('<span id="lees-name">Lee Salminen</span>')},
]} sortable={['Name']} />,
document.getElementById('test-div')
);
</script>
</head>
<body>
<div id="test-div"></div>
</body>
</html>