Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

place Processing language on top of DataTable

Tags:

datatables

Is there a way to put the "Processing..." language on the top of the DataTable object instead of in the middle vertically? If I have a long table, it is hidden off the page because its default position is in the middle.

$('#example').dataTable( {
  "language": {
      "processing": "DataTables is currently busy"
  }
} );
like image 985
Niner Avatar asked May 04 '16 01:05

Niner


People also ask

What is bDestroy in DataTable?

bDestroy. Show details. Replace a DataTable which matches the given selector and replace it with one which has the properties of the new initialisation object passed. If no table matches the selector, then the new DataTable will be constructed as per normal.

What is Serverside in DataTables?

DataTables' server-side processing mode is a feature that naturally fits with Scroller. Server-side processing can be used to show large data sets, with the server being used to do the data processing, and Scroller optimising the display of the data in a scrolling viewport.

What is FN DataTable Isdatatable?

Description. This method provides the ability to check if a table node is already a DataTable or not. This can be useful to ensure that you don't re-initialise a table that is already a DataTable. Please note that this is a static function and is accessed through the $. fn.

What is processing in DataTable?

Description. This event is fired when DataTables is doing some kind of processing - be it, sorting, filtering or any other kind of data processing. It can be used to indicate to the end user that there is something happening, or that something has finished.


1 Answers

Use the following CSS rule and adjust top as you wish.

div.dataTables_wrapper div.dataTables_processing {
   top: 5%;
}

See this jsFiddle for demonstration.

like image 160
Gyrocode.com Avatar answered Sep 20 '22 16:09

Gyrocode.com