Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a table inside of a Twitter Bootstrap, and when the table has a lot of columns (around 19-20 depending on whats inside them) it extends outside of the .container.
The hr tag (gray line underneath table) defines the edges of the .container. The table always extends past it to the right.
Is it possible to center the table, so that it extends outside the .container on both sides equally?
I had the same problem. It turned that the container’s width was smaller than the table’s width. If you’re using Chrome, the Developer tools are pretty awesome.
I just set it to larger than my table’s width, as a temporary fix. My table’s width is current 1079px.
When I increased the table’s width to 1132px it started to drift to the right again. I’m going to try decreasing the width of the contents, but it’s a difficult problem. Collapsible columns are probably a thing and there’s horizontal scroll, but that just seems like more barriers to the data.