Responsive Table column width built with Bootstrap 5. Use one of the following classes to manipulate the width of the columns. Check out [Bootstrap Table column width Documentation](https://mdbootstrap.com/docs/standard/extended/table-column-width/) for detailed instructions & even more examples. ## Basic example [Bootstrap Table column with auto width: ![Bootstrap 5 Table column width](/assets/with-auto-width.png)](https://mdbootstrap.com/docs/standard/extended/table-column-width/#section-with-auto-width) ```html
# Name Surname Country City Position Age
1 Kate Moss USA New York City Web Designer 23
2 Anna Wintour United Kingdom London Frontend Developer 36
3 Tom Bond Spain Madrid Photographer 25
4 Jerry Horwitz Italy Bari Editor-in-chief 41
5 Janis Joplin Poland Warsaw Video Maker 39
6 Gary Winogrand Germany Berlin Photographer 37
7 Angie Smith USA San Francisco Teacher 52
8 John Mattis France Paris Actor 28
9 Otto Morris Germany Munich Singer 35
``` ## How to use? 1. Download MDB 5 - free UI KIT 2. Choose your favourite customized component and click on the image 3. Copy & paste the code into your MDB project [▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1) ## More examples [Bootstrap Table column with minimal width: ![Bootstrap 5 Table column width](/assets/with-minimal-width.png)](https://mdbootstrap.com/docs/standard/extended/table-column-width/#section-with-minimal-width) [Bootstrap Table column with fixed width: ![Bootstrap 5 Table column width](/assets/with-fixed-width.png)](https://mdbootstrap.com/docs/standard/extended/table-column-width/#section-with-fixed-width) [Bootstrap Table column with text-nowrap: ![Bootstrap 5 Table column width](/assets/with-text-nowrap.png)](https://mdbootstrap.com/docs/standard/extended/table-column-width/#section-with-text-nowrap) ___ ## More extended Bootstrap documentation