How to customize the Processing message

Furburger

Simply modify the ".dataTables_wrapper .dataTables_processing" class in CSS:

For example:
<style>
.dataTables_wrapper .dataTables_processing {
background-color:red;
}
</style>

Furburger

Here is my complete class:

.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 30%;
left: 50%;
width: 30%;
height: 40px;
margin-left: -20%;
margin-top: -25px;
padding-top: 20px;
text-align: center;
font-size: 1.2em;
background:none;
}

Furburger

And this makes it look a little bit more user friendly:

$.extend( $.fn.dataTable.defaults, {
    language: {
        "processing": "Loading. Please wait..."
    },

});