Written by me@grafxflow
Fix html table width with CSS
Sometimes when outputting data in a table based layout you may find the size and width differ depending on the content, so to fix the tables and all the inner columns width use the below CSS.
I had this issue when creating a shopping website and when going between different pages made the table change width randomly even though I had set the widths with css.
table {
table-layout:fixed;
}Topics
Visitors also read these Articles...
Smart Search
Latest Articles
The Ultimate Preservation? Reviewing the Stereoscopic 3D Fan Edits of Star Wars
122 views
The Falcon Needs a Refurb: The 3-Step Blueprint to Save the Star Wars Universe
701 views
Darth Maul and Micro-Organisms: Inside George Lucas's Cancelled Star Wars Sequel Trilogy
206 views
How to Automatically Convert DVD Subtitles to SRT on Mac
129 views
The $4 Billion Divorce: Inside the Awkward, Painful Sale of Lucasfilm to Disney
134 views
The Rift That Broke the Whip: Inside Lucas, Spielberg, and Harrison Ford's 'Furious Rows' Over Indiana Jones
370 views
Popular Articles
Markdown Syntax Cheatsheet
421,865 views
How to install GitLab CE with Vagrant on macOS
310,295 views
Disable macOS 11 (Big Sur) 'kernel_task' which is throttling the CPU
226,316 views
Shadow Catcher plugin in Cinema 4D - Part 1
176,429 views
Defective AMD GPU fix on Macbook Pro 2011
153,710 views
Adding an email template for apple mac mail.app
146,385 views
Popular Tags
me@grafxflow
Founder, Grafxflow
I am a Full-stack Developer who also started delving into the world of UX/UI Design a few years back. I blog and tweet to hopefully share a little bit of knowledge that can help others around the web. I build lighting-fast dynamic content engines with Laravel, Winter CMS and Tailwind CSS. Thanks for stopping by!