调整bootgrid中列的大小

时间:2014-11-30 19:10:21

标签: jquery grid boot

由于我的bootgrid中有更多列,因此列的宽度已经减少,数据部分可见。所以我想有一个用户设施可以拖动列大小增加或减少,或者像用户悬停列值和标题时,数据应该作为工具提示可见..请问是否可以使用此功能bootgrid?

3 个答案:

答案 0 :(得分:10)

在所需列上使用data-header-css-class属性并将其设置为具有所需宽度的自定义类:)

<style>
.cgb-header-name {
    width: 50%;
}
</style>
...
<th data-column-id="name" data-header-css-class="cbg-header-name">Name</th>
...

您还可以使用data-width属性并设置内联值

...
<th data-column-id="name" data-width="70%">Name</th>
...

答案 1 :(得分:1)

为我工作。

<th data-column-id="ID" data-type="numeric" data-width="30%">ID</th>

ATT。

答案 2 :(得分:0)

根据我的经验,答案是否定的,至少在写这篇文章之前。

您拥有的列越多,其行的缩小越多,内容以省略号隐藏。 无法通过拖动或编程方式放大它们。

此外,我们尝试创建仅显示列子集的“视图”,但即使使用相当大的列也会发生剪切,这会使内容的可读性变得模糊。

您甚至没有工具提示来查看底层内容,但您可以自己实现。