[ad_1]
https://i.ytimg.com/vi/uWPeEl9Ok_s/hqdefault.jpg
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
Original source
10 responses to “Custom Column Widths in Bootstrap Tables”
what if you have more than 12 columns? i have a table with 23 columns
followed your advice to the letter. Can't make it work. bummer.
Thanks so much
Very nice, Thanks, what if we want to show the full wrap text ?
Thanks for this! Really helpful with this simple table stuff 🙂
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!
Nice tip, thanks! I have one question though: What if we have more than 12 columns inside table?
Great tip, thx! 😉
Thank you for share! It's a good tip!
Nice tip! This will help me in the future, thanks for teaching