HomeХобби и стильRelated VideosMore From: Eric Saupe

Custom Column Widths in Bootstrap Tables

88 ratings | 36117 views
One of the biggest things I've run into with Bootstrap are their tables which are dynamic and grow and shrink depending on content size. For the most part this is completely desired. Every now and then you want a bit more control over your table column widths. This is a very simple trick that I wanted to document for those who have run into the problem of wanting more control than Bootstrap gives initially. This video walks through a few tricks to allow you to control the width of each column in your Bootstrap table. I also show how to add a nice ellipsis on content that is too large for a given column. This specific blog post can be found at http://ericsaupe.com/custom-column-widths-in-bootstrap-tables/. You can read more about this and other topics at my blog, http://ericsaupe.com
Html code for embedding videos on your blog
Text Comments (10)
Michael White (2 years ago)
what if you have more than 12 columns? i have a table with 23 columns
vincej151 (2 years ago)
followed your advice to the letter. Can't make it work. bummer.
Guilherme Tufaile (2 years ago)
Thanks so much
ram pratap (2 years ago)
Very nice, Thanks, what if we want to show the full wrap text ?
Michael John Tejero (2 years ago)
Thanks for this! Really helpful with this simple table stuff :)
Giles Rafol (2 years ago)
Finally a solution! Was tired of multiple tables on a page, all with the same columns, having their own column widths. Looked so...messy. Thanks for posting this!
Milan Dragaš (2 years ago)
Nice tip, thanks! I have one question though: What if we have more than 12 columns inside table?
_destruct (3 years ago)
Great tip, thx! ;)
Gilson DElrei (3 years ago)
Thank you for share! It's a good tip!
Guerino Rodella (4 years ago)
Nice tip! This will help me in the future, thanks for teaching

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.