AngularJS Example

HTML

<div ng-app="tables">
    <table>
        <row key="x" value="y"></row>
        <row key="1" value="2"></row>
        <row key="longer" value="very long!"></row>
    </table>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script>

JavaScript

angular.module('tables',[])
    .directive('row', function() {
        return {
            restrict: 'E',
            
            scope: { key: '@', value: '@' },
            template: ' <td>{{key}}</td><td>{{value}}</td> '            
        }
    });