To be honest, i was trying to find a correct working CSS to manipulate the column width like that,
and so far i am unable to find it.
We will ask our 2nd Level Team for advise, if they know of a proper CSS selector to manipulate the width of the columns that way;
but what you can also do is, you can simply grab the edge between two columns, and click + drag to change the width of the columns directly like that :
Let me know if that might work as a solution for now,
and I'll get back once i confirm if we can provide a working CSS selector as well.
Yes, i can see what you mean. For manipulating the 1st column width on multiple tables, it would be best if we could add some CSS, that would accomplish that,
or at least any kind of alternative way to be accurate when resizing the Simple table columns.
I will ask our 2nd level Team if we have any better solutions to accomplish that.
We will report back as soon as they advise. Thank you for your patience.
Hi,
Referring to the 2nd simple table displayed in the mentioned URL.
I would like to increase the with of the 1st column to a fixed with of pixels.
I tried the following CSS code, but it does not work (And I don't understand why):
th[data-col-index="0"], td[data-col-index="0"] {width:250px!important;}
What is the solution?
Thanks,
Erez
Hi, Erez
Sorry for a late reply
-
I can't see any tables on the related page
Could you please double-check if the URL is correct, and if the page needs a logged user to view the tables?
Thank you
( If you send any confidential data , such as login credentials to see the tables, please make sure to mark reply as Private)
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
Sorry, the URL was not correct. It should be:
https://www.machiningdoctor.com/glossary/nptr-thread-series/
Hi, Erez
Thanks for that.
To be honest, i was trying to find a correct working CSS to manipulate the column width like that,
and so far i am unable to find it.
We will ask our 2nd Level Team for advise, if they know of a proper CSS selector to manipulate the width of the columns that way;
but what you can also do is, you can simply grab the edge between two columns, and click + drag to change the width of the columns directly like that :
Let me know if that might work as a solution for now,
and I'll get back once i confirm if we can provide a working CSS selector as well.
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
Thank you for this simple solution. I was not aware of this option. No need for a CSS-based solution.
Just a follow-up question. I have several simple tables on the same page and I want all of them to have the same width in the 1st column.
Now I set it with my eyes, but this cannot be accurate. Is it possible to type in a number to ensure that both tables have the same column width?
Thanks,
Erez
Hi, Erez
You're welcome, i am happy to help.
Yes, i can see what you mean. For manipulating the 1st column width on multiple tables, it would be best if we could add some CSS, that would accomplish that,
or at least any kind of alternative way to be accurate when resizing the Simple table columns.
I will ask our 2nd level Team if we have any better solutions to accomplish that.
We will report back as soon as they advise. Thank you for your patience.
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, Erez
We got advised on this.
You can add a CSS class directly in a cell of a table, and then you can edit, for example, for cell number 1 :
Then on the front end we would add this custom CSS:
and this will change the column width on the front-end.
It is a similar method to do any CSS rules that you wish to apply.
-
If you wish to add the same CSS to all tables, you can add this to main plugin settings/Custom JS and CSS/Custom CSS.
Let me know if that helped. 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