Please wait...

You can use CSS class for each button.

.DTTT_button_print /* for print */
.DTTT_button_xls   /* for excel */
.DTTT_button_csv   /* for csv   */
.DTTT_button_copy  /* for copy  */
.DTTT_button_pdf   /* for pdf   */

You can insert your custom CSS for this buttons in Custom wpDataTables CSS under the “Custom JS AND CSS” in main settings of wpdatatables. If you want for specific tables then insert this code between style tags on the page where is that table.

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

table.wpDataTable tbody tr td{
vertical-align:top !important;
}

That will be effected on all tables, but if you want for specific tables then insert this code between style tags on the page where is that table.

<style>
table.wpDataTable tbody tr td{
vertical-align:top !important;
}
</style>

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

.wpdt-c .wpDataTablesWrapper table.wpDataTable thead {
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>
.wpdt-c .wpDataTablesWrapper table.wpDataTable thead {
display: none !important;
}
</style>

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.