The "column width" setting is only available if you disable Horizontal Scroll, and enable "Limit table width" in the "display" block above the table (see attachment).
Can you show me how you defined the CSS class in "Custom JS and CSS" field in wpDataTables settings?
Please provide me a temporary WP-admin login for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course we do not provide login data to third party. You can write credentials here just check Private Reply so nobody can see them except us.
The column "Details" is way too large (it overflows the container)
I added a CCS class .mission-details width 20% but this does not work
According to the documentation:
https://wpdatatables.com/documentation/general/table-configuration-page-overview/#column-settings-display
there should be a column width setting but i Cannot see that on any column (see screenshot)
Help !?
Hello dmsims
Thank you for your purchase.
The "column width" setting is only available if you disable Horizontal Scroll, and enable "Limit table width" in the "display" block above the table (see attachment).
Can you show me how you defined the CSS class in "Custom JS and CSS" field in wpDataTables settings?
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
OK thanks for the reply
I found the "Limit table width" setting and that works OK on desktop, but on mobile it makes it unreadable with no scrolling
For the custom css I defined:
.mission-details{width:20%}
and then typed mission-details in the column settings
I also tried adding !important to the CSS
PS As a test i added color:red to the .mission-details CSS class and that works
Hi again dmsims
Please provide me a temporary WP-admin login for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course we do not provide login data to third party. You can write credentials here just check Private Reply so nobody can see them except us.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi again dmsims
You will lose the data for table #5 because it is created from data of table #4. If you delete table #4, there's nothing table #5 can be created from.
I managed to get the custom CSS class to work, but only when you enable "Limit table width". It works with this CSS:
I don't believe there's any CSS we can apply to Horizontally scrollable tables. I'll take another look, though, and let you know if I find a way.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Thnaks
I now have this CSS in Divi theme options
table.wpDataTable .mission-details {
width: 20% !important;
color:red;
overflow-wrap: normal;
}
The red font is to test the class is being applied which it is but the wrap does not work :(
How do I get rid of theentry for table #4 ?
Hello again dmsims
I took a look at your page here: http://raf.thesims.me.uk/the-black-curtain/
And it looks like you managed to get the word-wrap to work, correct?
As for table #4, you can select any row in that table, and simply click on "Delete" above it to remove the row:
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
No I have never got the word wrap to work properly
e.g. when you apply a CCS class to a column some thing work e.g. color:red and something just don't: word-break: break-word;
Now I try a different approach by using column widths but now I cannot set 110px on the Date column - I type it press Apply it just disappears
I am having a really hard time getting the table to look right :(
Well I found the answer if px you have to leave that off if % you leave it on - weird!
Hi again dmsims
Good news! Thanks for letting me know.
If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.
Best regards.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables