But, you can change the column's width without any custom class, if you enable "Limit table width" in the Display tab above the table. When you enable that, the "column width" option will appear below CSS class:
What I need to do is to set a maximum width of a specific column. E.g. we can switch from portrait to landscape view of our frontend for wider tables to be better visible. Therefore I need to restrict the width of some columns to a maximum (and not fixed) width, while others share the availabe space.
So I replaced "width" with "max-width" in the CSS section. For some reason, this is not working. We are using mainly Chrome...so is there any known solution/workaround?
I'd like to, but this system is running internal only, so no access from "outside" is possible.
I was inspecting the frontend and it properly fills in the "max-width" informatiopn, but doesn't process it the right way. "width" works fine and limits it.
It is the same behaviour with Chrome, Edge and Firefox.
Is there anything (screenshots, etc.) I could provide you to check further?
If yes - I'll ask you to install the Duplicator plugin. It will generate a couple of files which you can send me (along with the log-in credentials), and then I can create an exact copy of your website, see what the issue is and try to resolve it.
Please note that the files will be too large to attach to the ticket, so you can upload them via wetransfer.com and just send me the link.
Remember this is a public ticket, so make sure to enable the PRIVATE response.
Hi there,
for sure a real quick one to solve for you :)
If I want to set a maximum width for specific columns, what is the correct CSS code for that to do so (to put in in the "CSS class(es)" field)?
Thanks,
Markus
Hello Markus
In the CSS class(es) you only define the class' name; then you define it in wpDataTables settings/Custom JS and CSS/Custom CSS field.
So, if you enter "cstmwdth" in the CSS Class(es) field, you can change the width with:
table.wpDataTable .cstmwdth { width: 200px !important; }But, you can change the column's width without any custom class, if you enable "Limit table width" in the Display tab above the table. When you enable that, the "column width" option will appear below CSS class:
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
Hello Aleksandar,
great - thanks a lot! :)
What I need to do is to set a maximum width of a specific column. E.g. we can switch from portrait to landscape view of our frontend for wider tables to be better visible. Therefore I need to restrict the width of some columns to a maximum (and not fixed) width, while others share the availabe space.
So I replaced "width" with "max-width" in the CSS section. For some reason, this is not working. We are using mainly Chrome...so is there any known solution/workaround?
Thanks & Cheers,
Markus
Hi again Markus
Can you please share the URL where the table is located on front-end with me, and I'll gladly take a look?
Also please tell me for which column you added this CSS, so I know where to look.
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 Aleksandar,
I'd like to, but this system is running internal only, so no access from "outside" is possible.
I was inspecting the frontend and it properly fills in the "max-width" informatiopn, but doesn't process it the right way. "width" works fine and limits it.
It is the same behaviour with Chrome, Edge and Firefox.
Is there anything (screenshots, etc.) I could provide you to check further?
Thanks,
Markus
Unfortunately no, Markus.
Can you clone your website?
If yes - I'll ask you to install the Duplicator plugin. It will generate a couple of files which you can send me (along with the log-in credentials), and then I can create an exact copy of your website, see what the issue is and try to resolve it.
Please note that the files will be too large to attach to the ticket, so you can upload them via wetransfer.com and just send me the link.
Remember this is a public ticket, so make sure to enable the PRIVATE response.
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