3

我刚刚开始在使用引导程序和引导表的页面上工作。

从 bootstrap 开始,我可以选择我喜欢使用的布局:

<table class="table">

然后我想从 bootstrap-table 添加列排序功能,所以我将其更改为:

<table class="table" data-toggle="table">

这具有更改引导程序设置的演示文稿的效果。

然后我添加排序属性:

<table class="table" data-toggle="table" data-sort-name="fname" data-sort-order="desc">
  <thead>
    <tr>
      <th data-field="fname" data-sortable="true">First Name
      <th data-field="lname" data-sortable="true">Last Name</th>

这个功能但是每次我点击一个新的标题来选择它作为我的排序列时,它会调整该列的宽度。

问题:

  1. 是否可以使用 bootstrap-table / without / 更改 bootstrap 设置的演示布局?

  2. 选择新的排序列时是否可以防止更改列宽。

4

2 回答 2

0

您需要为“td”提供具有某些值的固定宽度来实现这一点。就像在这种情况下,您可以为三列提供“宽度:33.33%”。

于 2015-04-16T17:22:33.380 回答
0

你可以使用这个 css 但是你可能会遇到一些小的响应版本的问题。

th .caret{
    position:absolute;

}
th{
    vertical-align:middle;
}

我无法理解“更改演示文稿布局”是什么意思。也许你可以删除你不想使用的 css?你可以说得更详细点吗?

于 2015-04-16T17:41:00.547 回答