Is there any way of setting column width with a scrollable table?
I have a lot of columns which means that I need a scroll however I have one column which is comments and it looks completely wack when I publish it on my site.
Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.
Please add this custom CSS to the customize of the Table;
and you will have to replace table ID with the ID of your table;
and for the part after the th. in this example "column-strap" was the column name; but you have to check what is the Origin header and input this instead.
If you need it for multiple columns, you can add more CSS for each column, with the witdh properties.
Is there any way of setting column width with a scrollable table?
I have a lot of columns which means that I need a scroll however I have one column which is comments and it looks completely wack when I publish it on my site.
Thanks!
Hi, Mee
Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.
-
We have a workaround for that.
Please add this custom CSS to the customize of the Table;
and you will have to replace table ID with the ID of your table;
and for the part after the th. in this example "column-strap" was the column name; but you have to check what is the Origin header and input this instead.
If you need it for multiple columns, you can add more CSS for each column, with the witdh properties.
Let me know if anything is not clear. Thank you
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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 Milos,
Thank you for the answer. I tried to change the code to reflect my tables so I changed it like this...
.wpDataTablesWrapper table.scroll.wpDataTableID-286 {
width: max-content !important;
table-layout: fixed !important;
}
.wpDataTableID-286 th.vessel-notes {
width:500px !important;
}
The only thing I am unsure of is the column ID is the name? My column header is 'Vessel Notes'
Do I need to assign the css class to the column?
Thanks!
Hi, Mee
Sorry for the delay
Basically, for that part after the th.
you have to check what is the "origin header name" and type that.
You can check this in column settings :
The highlighted bit is the origin header.
You can write it as it is, so if the origin header is like you said, if it has a space, just write it as
I believe it should work like that, but let me know how it goes, and i can help if it fails. Thank you
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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
Great, thank you very much!
Hey, Mee
No problem at all.
Let me know if you encounter anything else regarding this
And if you have any other questions, don't hesitate to open a new ticket.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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