Problem: setting table’s column width by CSS or by setting options in UI is not very intuitive in the current wpDataTables version.
There are some steps to achieve the custom table column width.
- Changing the width of columns is only possible if you disable the “Scrollable” feature in the “Display” tab above the table, and enable “Limit table width“.
- enable “Limit table width”, “Word wrap” is optional
- Then new option (“Column Width”) will appear in column settings, but this will only be applied to desktop view:
-
WordPress wpDataTables setting column width
To make it work in the same way for mobiles and tablets, you’d need to include custom media queries.
You can add CSS in Custom CSS section of the Customize tab above the table (or in Custom CSS in wpDataTables Settings)
Copy to Clipboard
About the Author: markoze
I'm an exploring artist, illustrator and creator of digital media (2D graphics, illustrations and 3D designs). I share my works, tutorials, tips, free art, items and tools. I also create websites (and apps) for organizations, communities, groups, people movements, faith organizations and more.
Products, addons and solutions I recommend
- Disclosure info: images and links here maybe affiliate links and promotions.
Recent posts
Posts categories
Recent artworks
Printed artworks and merchandise
Recommended
- Recommended products and links may be affiliated links
Related Posts
All tags
3d
anna
applications
apps
artists
blender
color
concept
content
design
digital
elementor
emoticons
flag
free
gradient
gradients
Hopper
hosting
Inkscape
keys
mesh
model
painting
path
plugins
quiz
scifi
Sharp
software
spaceship
speech platform
steps
survey
Tables
text to speech
tips
tools
tts
vector
view
web
website
windows
wordpress
