Hello Alan.

As far as the first question is concerned - I am sorry to inform You that, unfortunately, this is not possible with the plugin's built in functions.

You can hide the column headers by adding this custom code in Your Custom CSS field under main settings of wpDataTables:

.wpdt-c thead {
display: none !important;
}

Also, when You open the table in question and open the Table Tools tab, You can disable them, and it'll get rid of all the export buttons as well as the type of editor (see attachments).

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;
}

Please note that this only hides the buttons, it doesn't delete them from the table.

You can, however make the table non-editable and then You wouldn't have these buttons at all.

Please let me know if this helps.

Best regards.

Hello again Alan.

That's alright, no worries. :-)

To use the CSS just for one table, You need to remove it from Custom CSS in main settings of wpDataTables, and paste it between the <style>Your code</style> tags on the page where the table is located.

For example:

<style>
.wpdt-c thead {
display: none !important;
}
</style>

Same goes for the "Switch view":

<style>
.wpdt-c .col-sm-12.p-0.wdt-edit-buttons {
    visibility: hidden !important;
}
</style>

Almost everything can be hidden with CSS, You just have to look for the right code.

We carefully follow customers requirements and try to implement most of them if they appear in requests from time to time, so we will add to our idea list and look into some possible solutions on plugin side in the future.

Best regards.

Hello again Alan.

Just for future reference:

When you have questions or issues which are not related to the title of the active ticket can you please open a new one, and we will help you there. In that way, issues and questions which are related to different subjects will be in different tickets so other customers or our support agents can find it easily. Our policy is to have one issue or question per ticket because of the reasons that is described already.

Thank you for understanding.

As for the custom CSS, we usually don't work with customization, since support for the plugin includes only helps with bugs and issues, but not writing custom code.

These small questions like you have are an exception because they don't take that much time, and are easily fixable. I agree that some of these functionalities may be added in the plugin for easier customization, and some of them have been added to our To-Do list, so they may appear in one of our future updates. For now - custom CSS is the way to go.

About the width - if you have the table Display settings set to Limit table width, you can resize the width of the columns by opening the settings for each individual column (see attachments).

If, however, you have the Scrollable slider enabled, you need to use CSS.

When you inspect the page, right-click on the column and inspect again, so you're not looking for:

<table id="table_1" class="display nowrap data-t.....

but instead:

<th class="wdtheader sort  column-schedulingtag sorting" style="" tabindex="0" ...

So, for example, for the width of column "Scheduling Tag" (column-schedulingtag when you inspect the page), you can add this custom code:

.wpdt-c th.column-schedulingtag {
width: 150px !important;
}

Now, this applies both on front and on back-end table, so if you need it just for front-end, you need to add it to the page, where you pasted the table's shortcode; like this:

<style>
.wpdt-c th.column-schedulingtag {
width: 150px !important;
}
</style>
[wpdatatable id=13]

Now, these are just examples from my local environment, so you need to change the column name from "schedulingtag" to your column name (without spaces).

If you want to add this to all columns, you can open column settings, and add a CSS Class, for example "narrow", so the code on the page should be:

<style>
.wpdt-c .narrow {
width: 150px !important;
}
</style>
[wpdatatable id=13]

With this option, you can add custom css class to any column you like, and the custom width applies only to those columns.

Please let me know if this works for you.

Best regard

Sure thing, Alan.

Closing this ticket.

Best regards.