<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="//cdn.datatables.net/1.10.1/css/jquery.dataTables.css" />
</head>

<body ng-app="datatablesSampleApp">
    <div ng-controller="sampleCtrl">
        <table datatable dt-options="dtOptions" dt-columns="dtColumns" id="tableId"></table>
    </div>
    
    <script data-require="jquery@1.10.1" data-semver="1.10.1" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="//cdn.datatables.net/1.10.1/js/jquery.dataTables.js"></script>
    <script type="text/javascript" data-require="angular.js@1.2.15" data-semver="1.2.15" src="http://code.angularjs.org/1.2.15/angular.js"></script>
    <script type="text/javascript" src="https://rawgithub.com/l-lin/angular-datatables/dev/dist/angular-datatables.min.js"></script>
    <script src="script.js"></script>
</body>

</html>
(function(angular) {
    'use strict';
    angular.module('datatablesSampleApp', ['datatables']).
    controller('sampleCtrl', function($scope, DTOptionsBuilder, DTColumnBuilder) {
       $scope.dtColumns = [
           DTColumnBuilder.newColumn('name').withTitle('name'),
           DTColumnBuilder.newColumn('salary').withTitle('salary'),
           DTColumnBuilder.newColumn('position').withTitle('position')
       ];  
       
var lang = {
    "decimal":        "",
    "emptyTable":     "No data available in table",
    "info":           "Showing _START_ to _END_ of _TOTAL_ entries",
    "infoEmpty":      "Showing 0 to 0 of 0 entries",
    "infoFiltered":   "(filtered from _MAX_ total entries)",
    "infoPostFix":    "",
    "thousands":      ",",
    "lengthMenu":     "Show _MENU_ entries",
    "loadingRecords": "Loading...",
    "processing":     "Processing...",
    "search":         "",
    "zeroRecords":    "No matching records found",
    "paginate": {
        "first":      "First",
        "last":       "Last",
        "next":       "Next",
        "previous":   "Previous"
    },
    "aria": {
        "sortAscending":  ": activate to sort column ascending",
        "sortDescending": ": activate to sort column descending"
    }
}
       
       $scope.dtOptions = DTOptionsBuilder.fromSource('https://api.myjson.com/bins/4ofur')
          .withOption('language', lang)
          .withDOM('lfrtp')
        
      
      
    });
})(angular);