Bootstrap-table: Fixed column widths

Created on 30 Aug 2020  Â·  3Comments  Â·  Source: wenzhixin/bootstrap-table

Description
I'm trying to implement fixed column width without success so far when the screen side is to small.

Now I read in the data-width the following:

The width of column. If not defined, the width will auto expand to fit its contents. Though if the table is left responsive and sized too small this 'width' might be ignored (use min/max-width via class or such then). The default used Unit is ‘px’, use widthUnit to change it!

Is there an example for "Though if the table is left responsive and sized too small this 'width' might be ignored (use min/max-width via class or such then)" as I don't understand what is meant here.

help-wanted

Most helpful comment

So something like class="min-width-100"

.min-with-100 {
  min-width: 100px;
}

All 3 comments

Is there an example for "Though if the table is left responsive and sized too small this 'width' might be ignored (use min/max-width via class or such then)" as I don't understand what is meant here.

Its quite simple, it means if you define data-width=20 but the header text needs at least a width of 50 the width attribute will be ignored. If you want to force the width you have to use a own class which defines the min-width css option.

So something like class="min-width-100"

.min-with-100 {
  min-width: 100px;
}

one table, it's good idear,but mulit tables

Was this page helpful?
0 / 5 - 0 ratings

Related issues

DavidKrupi picture DavidKrupi  Â·  23Comments

sxahmed picture sxahmed  Â·  19Comments

marcelod picture marcelod  Â·  16Comments

iamthestreets picture iamthestreets  Â·  26Comments

iamthestreets picture iamthestreets  Â·  20Comments