CODEWITHSUNDEEP
htmlcsstwitter-bootstrap-3
pbsbr
pbsbr

Reputation: 385

table responsive using bootstrap

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.

Upvotes: 0

Views: 153

Answers (3)

Anji V
Anji V

Reputation: 125

  • use class table-responsive to parent div of table

  • use class table to table element

  • give particular width to th/td's

Upvotes: 1

RizkiDPrast
RizkiDPrast

Reputation: 1725

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

Upvotes: 0

Praveen Murali
Praveen Murali

Reputation: 741

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

Upvotes: 0

Related Questions