DataTable Loading Message

knetadmin

How to Disable Loading.. Message

allan

Use the language.loadingRecords option and set it to be a single space (or an empty string if you use the nightly version of DataTables - there is a bug in the current release whereby there must be one or more characters...).

Allan

knetadmin

Hi Allan,
i am trying to change loading message but not effect

allan

Can you show me the code you are using to change the loading message please? The example of:

  "language": {
     "loadingRecords": "Please wait - loading..."
  }

should work well.

Allan

knetadmin

i added option to dtOptions
.withOption('language',{
loadingRecords: "Please wait - loading..."
})
to change loading message
you can test in the same URL

tangerine

'language',{ loadingRecords: "Please wait - loading..." }

'language': ( colon not comma) ?

allan

In this case yes - @knetadmin is using The Angular-DataTables integration libraries which uses its own configuration functions rather than objects - abstracting out the DataTables configuration.

From the Angular DataTables documentation you want to use the withLanguage method:

withLanguage( {
  loadingRecords: "Please wait - loading..."
} )

for example.

Allan

knetadmin

Hi Allan,
i used it but also displaying default message not mine

allan

Unfortunately the login link from before doesn't show me a DataTable. Could you possibly tell me how I can see the issue please?

Allan

knetadmin

Hi Allan,
thanks for helping i found the solution : https://l-lin.github.io/angular-datatables/#/overrideLoadingTpl

angular.module('showcase', ['datatables']).
factory('DTLoadingTemplate', dtLoadingTemplate);
function dtLoadingTemplate() {
return {
html: '<img src="images/loading.gif">'
};
}

allan

Good to hear you found a solution. I had no idea that the third party library was doing that!

Allan