For customization of layout for options Calculating totals, minimum, maximum and average cells in wpDataTables you can use this selectors:

.wdt-sum-cell,  /* for totals  */
.wdt-avg-cell,  /* for average */
.wdt-min-cell,  /* for minimum */
.wdt-max-cell,  /* for maximum */

You can set this by inserting this CSS code in Custom wpDataTables CSS under the “Custom JS AND CSS” in main settings of wpdatatables.

@media screen and (min-width: 780px) {
   .wpDataTablesWrapper div.wdtscroll {
     overflow-x: initial !important;
   }
}

This will be affected on all tables, but if you want just for specific one then insert this code on page where is that table between the style tag.(<style>Code here</style>)

<style>
@media screen and (min-width: 780px) {
    .wpDataTablesWrapper div.wdtscroll {
      overflow-x: initial !important;
    }
}
</style>

Please note that Scrollable option should be turned on in the table settings.

To hide New, Edit or Delete button you can add one of this CSS in Custom CSS field on
wpDataTables settings page or directly on the page between<style>Your code</style> tags:

.DTTT_button_new {
display: none !important;
}
.DTTT_button_delete {
display: none !important;
}
.DTTT_button_edit {
display: none !important;
}

From version 3.2 you have built-in option for hiding pagination and more. Now you are able to change the position of the pagination(right, left, and center) and there are six different layouts of the pagination available which you can set for each table. More on this link.

Just add this code in Custom wpDataTables CSS under the “Custom JS AND CSS” in main settings of wpDataTables.

.wpDataTablesWrapper .dataTables_paginate{display : none !important;}

This will be affected on all tables, but if you want just for specific one then insert this code on the page where is that table between the style tag (<style>Code here</style>).

<style>
.wpDataTablesWrapper .dataTables_paginate{display : none !important;}
</style>

If you need to apply for all tables then just add this code below in Custom wpDataTables CSS under the “Custom JS AND CSS” in main settings of wpDataTables. In this example we align the text in the center of the table, you can change the text-align to your desire by changing the word “center” to “left” or “right.

.wpDataTablesWrapper table.wpDataTable td, 
.wpDataTablesWrapper table.wpDataTable th,
.wpDataTablesWrapper table.wpDataTable td.numdata, 
.wpDataTablesWrapper table.wpDataTable th.numdata
{ text-align: center !important; }

This will be affected on all tables, but if you want just for specific one then insert this code on the CUSTOM CSS under Customize tab in table settings and you will use clases with id’s for that table (Example if your table have id 1)

.wpDataTablesWrapper table.wpDataTable.wpDataTableID-1 td,
​.wpDataTablesWrapper table.wpDataTable.wpDataTableID-1 th,
.wpDataTablesWrapper table.wpDataTable.wpDataTableID-1 td.numdata,
​.wpDataTablesWrapper table.wpDataTable.wpDataTableID-1 th.numdata
{ text-align: center !important; }
New Version of wpDataTables - WordPress Table Plugin

New wpDataTables 6.2 Version

Folders/Categories for tables and charts, WCAG compatibility, New global time format with seconds, and more.