With the DataTables Scroller

The angular-datatables also provides an API in order to make the plugin Scroller work with datatables.

You need to add the file angular-datatables.scroller.min.js to your HTML file.

You also need to add the dependency datatables.scroller to your Angular app.

See the API for the complete list of methods of the helper.

angular.module('showcase.withScroller', ['datatables', 'datatables.scroller']) .controller('WithScrollerCtrl', WithScrollerCtrl); function WithScrollerCtrl(DTOptionsBuilder, DTColumnBuilder) { var vm = this; vm.dtOptions = DTOptionsBuilder.fromSource('data.json') .withDOM('lfrti') .withScroller() .withOption('deferRender', true) // Do not forget to add the scorllY option!!! .withOption('scrollY', 200); vm.dtColumns = [ DTColumnBuilder.newColumn('id').withTitle('ID'), DTColumnBuilder.newColumn('firstName').withTitle('First name'), DTColumnBuilder.newColumn('lastName').withTitle('Last name') ]; }