0

I always encounter this issue when I'm using Bootstrap for tables.

It seems Bootstrap automatically makes all columns equal width. The issue is something like an email address column gets cut off while a column with just a single digit has more than enough room.

Is there a simple way to get around this (without hacking each individual column?

Improve this question
5
  • Are you using jQuery in your application? Commented Jun 3, 2014 at 17:47
  • Its an Angular app so there's jQlite. Ideally I would think this issue could be solved with CSS no? Commented Jun 3, 2014 at 17:48
  • I think you assign a class to the email column in your table structure and then make the width bigger in JavaScript as per your width required. Commented Jun 3, 2014 at 17:50
  • No need for JS, this question has some good solutions stackoverflow.com/questions/928849/setting-table-column-width Commented Jun 3, 2014 at 17:51
  • You could attach a Fiddle so we can understand better what you're trying to do... Commented Jun 3, 2014 at 17:53
Related questions
0
Bootstrap Table Width Issue
1
Bootstrap Custom Table Widths
2
Fixing Bootstrap Table Column Width
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.