Geek Answers Handbook

How to make an unrequited table?

I am using Bootstrap 3, and I wanted to know how I can make an answer table, since about 40 columns are required on the screen.

My client does not mind if they have to scroll horizontally to view the table while all the data is there.

So, how do I create an answer table where I manually set what the column widths are?

+7
twitter-bootstrap twitter-bootstrap-3
source share
5 answers

You can set the minimum width on th columns. Here is an example:

http://jsbin.com/xuzuwuko/3/edit

+8
source share

change container class to container-liquid

Example:

<div class="container-fluid"> <table class="table"> ... </table> </div>

for this to work, doctype must be installed in html5:

 <!DOCTYPE html>

and add this meta to the title:

 <meta name="viewport" content="width=device-width, initial-scale=1">

See documentation

+2
source share

You can do this in various ways:

1) set the minimum width in the stylesheet to table , th , td , tr :

 table { min-width:700px; } tr { min-width:120px; } th,td { min-width:20px; }

2) Or you can delete the metadata that responds to the recall:

 <meta name="viewport" content="width=device-width, initial-scale=1">
+2
source share

Instead of adding min-width to the entire th element, using the / css style enables globally.

 th { min-height: 100px; }
0
source share

I have found a solution.

I added min-width to all elements of the th header:

 <th style='min-width: 100px;'>

and it seems to work.

-8
source share

More articles:


All Articles