table responsive using bootstrap

Question

Actually I have a table with seven columns,in that three are with large text and remaining four are with icons.The problem is when I am making responsiveness by using bootstrap class "table-responsive",for the tab device responsiveness it is showing the all the columns of equal width,but I expect to be the the three columns with text should occupy more width than the icons columns.

Any help would be appreciated.

Anji V · Accepted Answer · 2016-11-09 17:23:52Z

1

use class table-responsive to parent div of table
use class table to table element
give particular width to th/td's

answered Nov 9, 2016 at 17:23

Anji V

1252 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Praveen Murali · Accepted Answer · 2016-11-09 12:03:28Z

0

Add width="" attribute to your table <th>s.

answered Nov 9, 2016 at 12:03

Praveen Murali

7413 silver badges10 bronze badges

Comments

RizkiDPrast · Accepted Answer · 2016-11-09 12:27:20Z

0

on the th column you can add

class="col-sm-4" //or larger try it for the 3 fonts columns

and

class="col-sm-1" //or smaller try it for the 4 icon columns

or something like that

answered Nov 9, 2016 at 12:27

RizkiDPrast

1,7251 gold badge15 silver badges22 bronze badges

Collectives™ on Stack Overflow

table responsive using bootstrap

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related