angular-masterrow
Version:
The plugin necessary to use MasterRow tool in AngularJS.
60 lines (44 loc) • 1.52 kB
HTML
<html ng-app="projectTestApp">
<head>
<!-- My libraries-->
<script src="../node_modules/masterrow/dist/masterrow.js"></script>
<link href="../node_modules/masterrow/dist/masterrow.css" rel="stylesheet">
<!-- AngularJs -->
<script type="text/javascript" src="../node_modules/angular/angular.js"></script>
<!-- Test style-->
<link href="test.css" rel="stylesheet">
<!-- The angular masterrow component -->
<script src="../dist/angular-masterrow.js"></script>
<!-- An app file-->
<script src="app.js"></script>
</head>
<body>
<div class="container" ng-controller="controllerTest">
<masterrow
mr-to-process-data="appProcess"
mr-filters="appFilters"
mr-pagination="appPagination",
mr-detailing="appDetailing",
mr-personalization="appPersonalization",
mr-row-action="appRowAction",
mr-sorting="appSorting",
mr-exporting="appExporting"
></masterrow>
<hr>
<masterrow
mr-to-process-data="appProcess2"
mr-filters="appFilters2"
mr-pagination="appPagination2",
mr-detailing="appDetailing2",
mr-personalization="appPersonalization2",
mr-row-action="appRowAction2",
mr-sorting="appSorting2",
mr-exporting="appExporting2"
></masterrow>
<p>
<a href="" ng-click="generateNewData()">Click here to update the table</a>
</p>
</div>
</body>
</html>