title: jQuery Datatables in AngularJS
body: <p>I used below code &amp; it works fine but I want data in tbody from ng-repeat not from dt-options.</p>
  
  <p>Or is there any way, to change an existing angular table into datatables.</p>
  
  <p>Angular Module:-  </p>
  
  <pre><code>  var app = angular.module('myApp', ['datatables']);
      app.controller('myCntrl', ['$scope', '$http', 'DTOptionsBuilder', 'DTColumnBuilder',
          function ($scope, $http, DTOptionsBuilder, DTColumnBuilder) {
              $scope.dtColumns = [
              DTColumnBuilder.newColumn("name", "Name"),
              DTColumnBuilder.newColumn("DOB", "DOB"),
              DTColumnBuilder.newColumn("Gender", "Gender"),
              DTColumnBuilder.newColumn("Email", "Email ID"),
              DTColumnBuilder.newColumn("Mobile", "Mobile"),
              DTColumnBuilder.newColumn("Address", "Address"),
              DTColumnBuilder.newColumn("JoiningDate", "Joining Date"),
              DTColumnBuilder.newColumn("DepartmentName", "Department Name"),
              DTColumnBuilder.newColumn("DesignationName", "Designation Name"),
              DTColumnBuilder.newColumn("CountryName", "Country Name"),
              DTColumnBuilder.newColumn("StateName", "State Name"),
              DTColumnBuilder.newColumn("FilePath", "File Path")
              //,DTColumnBuilder.newColumn("Actions", "Actions")
  
              ]
  
              $scope.dtOptions = DTOptionsBuilder.newOptions().withOption('ajax', {
                  url: "/myform/getAll",
                  type: "POST"
              })
              .withPaginationType('full_numbers')
              .withDisplayLength(5);
  
          }])
  </code></pre>
  
  <p>HTML:-</p>
  
  <pre><code>    &lt;table class="table table-striped" datatable="" dt-options="dtOptions"  dt-columns="dtColumns" &gt;
      &lt;/table&gt;
  </code></pre>