pure/gist:7974372

## gistfile1.html
<html>
<head>
	<title>PURE Unobtrusive Rendering Engine</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script src="https://rawgithub.com/pure/pure/master/libs/pure.js"></script>
</head>
<body>
	<table>
	  <thead>
	    <tr>
	      <th></th>
	    </tr>
	  </thead>
	  <tbody>
	    <tr>
	      <td></td>
	    </tr>
	  </tbody>
	</table>

	<script>
		var cols = ['name', 'food', 'legs', 'button'],
			data = [
				{name:'bird', food:'seed', legs:2},
				{name:'cat', food:'mouse, bird', legs:4},
				{name:'dog', food:'bone', legs:4},
				{name:'mouse', food:'cheese', legs:4}
			],
			colsDir = {
				'th':{
					'col<-':{
						'.':'col'
					}
				},
				'td':{
					'col<-':{
						'@class':'col'
					}
				}
			},
			dataDir = {
				'tbody tr':{
					'animal<-':{
						'td.name':'animal.name',
						'td.food':'animal.food',
						'td.legs':'animal.legs',
						'td.button':'<button onclick="alert(#{animal.legs})">View</button>'
					}
				}
			};
		$('table').render(cols, colsDir).render(data, dataDir);
	</script>
</body>
</html>
	<html>
	<head>
	<title>PURE Unobtrusive Rendering Engine</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script src="https://rawgithub.com/pure/pure/master/libs/pure.js"></script>
	</head>
	<body>
	<table>
	<thead>
	<tr>
	<th></th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td></td>
	</tr>
	</tbody>
	</table>

	<script>
	var cols = ['name', 'food', 'legs', 'button'],
	data = [
	{name:'bird', food:'seed', legs:2},
	{name:'cat', food:'mouse, bird', legs:4},
	{name:'dog', food:'bone', legs:4},
	{name:'mouse', food:'cheese', legs:4}
	],
	colsDir = {
	'th':{
	'col<-':{
	'.':'col'
	}
	},
	'td':{
	'col<-':{
	'@class':'col'
	}
	}
	},
	dataDir = {
	'tbody tr':{
	'animal<-':{
	'td.name':'animal.name',
	'td.food':'animal.food',
	'td.legs':'animal.legs',
	'td.button':'<button onclick="alert(#{animal.legs})">View</button>'
	}
	}
	};
	$('table').render(cols, colsDir).render(data, dataDir);
	</script>
	</body>
	</html>