Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<script data-require="angular.js@*" data-semver="1.2.0" src="http://code.angularjs.org/1.2.0/angular.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>


<div ng:controller="MyCtrl">

<p>My table</p>
    <table border="1">
            <thead style="font-weight: bold;">
                <tr>
                    <th class="text-right" ng-repeat="column in columnsTest" ng-if="column.checked" ng-bind="column.rowHeader"></th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="row in rows" border="1">
                    <td ng-repeat="column in columns" ng-if="column.checked" ng-bind="row[column.cellValue]"></td>
                </tr>
            </tbody>
        </table>
        
        <hr>
        <p>Desired table</p>
    <table border="1">
            <thead style="font-weight: bold;">
                <tr>
                    <th class="text-right" ng-repeat="column in columnsTest" ng-if="column.checked" ng-bind="column.rowHeader"></th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="row in rows">
                    <td>{{row.ModelName}}</td>
                    <td>{{row.value1}}</td>
                    <td>{{row.value1 / row.value2 | percentage}}</td>
                </tr>
            </tbody>
        </table>


    <p>Visible Columns:</p>
    <br />
    <div class="cbxList" ng-repeat="column in columnsTest">
      <input type="checkbox" ng-model="column.checked">{{column.rowHeader}}
    </div>


  </div>

JavaScript

var app = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

app.filter('percentage', function () {
    return function (changeFraction) {
        return (changeFraction * 100).toFixed(2) + "%";
    }
});


function MyCtrl($scope) {
      $scope.columnsTest = [
        { checked: true, cellValue: 'ModelName', rowHeader: 'Name' },
        { checked: true, cellValue: 'value1', rowHeader: 'PL' },
        { checked: true, cellValue: 'value1 / value2 | percentage', rowHeader: '+/-' }
    ];
    
    $scope.rows = [
      { value1: 100, value2: 5, ModelName: "This is a cell value" },
      { value1: 15, value2: 5, ModelName: "This is a cell value2" },
      { value1: 38, value2: 2, ModelName: "This is a cell value3" }
      ];

    }