如何避免自动 Tabulator 标题换行

如何解决如何避免自动 Tabulator 标题换行

我遇到了一个奇怪的情况...

当容器宽度小于 100% 时，列总是这样换行： set layout as fitColumns,without width specified 代码是：

const tbTB=new Tabulator('#stbTB',{
    layout: "fitColumns",columns:[
        {title:'Splt',field: 'Splt',editor:'input',validator:'numeric',headerSort:false},{title:'RRH',field: 'RRH',{title:'Yaw',field: 'Yaw',{title:'Roll',field: 'Roll',headerSort:false}
    ]
})

如果我将布局设置为 fitData，行将自动水平填充： set layout as fitData,row will fill horizontally。代码是：

const tbTB=new Tabulator('#stbTB',{
    layout: "fitData",headerSort:false}
    ]
})

我不知道为什么会这样。我将简单版本复制到 pencode 并且无法重现此错误。这是一个大项目，我无法将所有代码粘贴到此处。如果需要，我会附上容器的 css 作为参考。 css for the container。创建容器的代码：

divSub.append('div')
    .attr('id','stbTB')
    .style('width','49%')
    .style('height','100%');

顺便说一下，我在这个页面中有几个表具有相同的设置。如果容器宽度为 100%，则看起来不错，没有任何意外的包裹。有没有人遇到过类似的情况？我该如何解决？

非常感谢！

解决方法

这表明您在网站的某处放置了一些通用 CSS，这些 CSS 会干扰 Tabulator 布局元素的方式。

检查您没有任何以 div 或 * 为目标的 CSS 选择器，因为它们也可能以意想不到的方式与 Tabulator 元素交互