Replies

• allan Posts: 63,535Questions: 1Answers: 10,475 Site admin

  January 2017

  I do have interest in it, but unfortunately haven't yet had time. When you say the "DataTables team", its just me . I'm not yet sure when I'll be able to look into this.

  Allan
• drullo Posts: 2Questions: 0Answers: 0

  January 2017

  Allan thank you for the response. I did not realize that this was a one-man effort. Thanks for your efforts!
• Jacrys Posts: 1Questions: 0Answers: 0

  February 2017 edited February 2017

  So I found this hunting around Stack Overflow and it works, at least with Angular 1 (I haven't learned Angular2 yet.). It uses a custom directive then an empty $timeout to delay the call to datatables init until your model has been populated.

  JS:

  var app = angular.module("JobTracker", [])
    
    .directive('tableInit',['$timeout', function($timeout) {
      return {
        link: function($scope, element, attrs) {
          $scope.$on('dataloaded', function() {
            $timeout(function () {
              $('#myTable').DataTable();
            }, 0, false);
          })
        }
      };
    }]);
  

  HTML:

  <table id="myTable" table-init class="display compact">`
  
  ...
  
  </table>
  

  EDIT:
  Here is the thread I found it on.

  Run jQuery code after AngularJS completes rendering HTML