调整bootgrid中列的大小

Question

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

Answer 1

在所需列上使用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>
...

Answer 2

根据我的经验，答案是否定的，至少在撰写本文时是这样。

列越多，行的尺寸就越小，内容也用省略号隐藏。无法通过拖动或以编程方式放大它们。

此外，我们尝试创建仅显示列的子集的“视图”，尽管如此，即使对于相当大的列，仍然会发生剪切，这会模糊内容的可读性。

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