# 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 resoved, 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 override the `DTLoadingTemplate` like this:

angular.module('showcase', ['datatables']). factory('DTLoadingTemplate', dtLoadingTemplate); function dtLoadingTemplate() { return { html: '' }; }