# Override `Loading` template

There are two loading with angular-datatables:

- One comes from this module. It is displayed before the table is rendered. This loading has been added because angular-datables offers the possibility to fetch the data and options with promises. So before rendering the table, the promises need to be resolved, thus adding a loading message to let users know that something is processing.
- The other comes from DataTables. The message `Loading` is displayed inside the Table while fetching the data from the server.

When loading data, the angular module will display by default `<h3 class="dt-loading">Loading...</h3>`.

You can make your own custom loading html by calling the method `DTDefaultOptions.setLoadingTemplate()` like this:

Angular-datatables is using the angular service `$compile`. So you can use angular directives if you want.

angular.module('showcase', ['datatables']). run(initDT); function initDT(DTDefaultOptions) { DTDefaultOptions.setLoadingTemplate(''); }