响应设置



使用bootstrap 5.0.1中的bootstrap表。

有没有办法:

  1. 是否更改引导表进入响应模式的断点?我希望在到达引导程序的md断点时显示horiz滚动条。

  2. 显示水平滚动条时保留列宽?现在,列宽正在压缩,但无论断点是什么,我都希望保持我设置的宽度。

    <table class="m-auto"
    data-toggle="table"
    data-pagination="true"
    data-search="true">
    <thead>
    <tr>
    <th data-field="id" data-width="100" data-width-unit="px"
    data-sortable="true" data-field="id">#</th>
    <th data-field="col-02" data-width="200" data-width-unit="px">COL 02 - 20</th>
    <th data-field="col-03" data-width="200" data-width-unit="px">COL 03 - 20</th>
    <th data-field="col-04" data-width="200" data-width-unit="px">COL 04 - 30</th>
    <th data-field="col-05" data-width="300" data-width-unit="px">COL 05 - 10</th>
    <th data-field="col-06" data-width="300" data-width-unit="px">COL 06 - 10</th>
    </tr>
    </thead>
    

您可以通过覆盖引导程序的scs来更改引导程序。但是,你确定你应该使用引导程序在你想要的时候。您可以很容易地将html表设置为类似于自举程序的样式。如果你不喜欢它的断点和压缩,那又有什么意义呢?

最新更新