如何避免自动换行

Question

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

当容器宽度小于100%时，列总是这样换行：将布局设置为fitColumns，不指定宽度代码为：

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

如果我将布局设置为fitData，行将自动水平填充：将布局设置为fitData，行将水平填充。代码为：

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

我不知道为什么会发生这种事。我将简单的版本复制到pencode中，无法重现此错误。这是一个大项目，我不能在这里粘贴所有的代码。如果需要，我附上容器的css作为参考。容器的css。创建容器的代码：

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

顺便说一句，我在这个页面上有几个设置相同的表。如果容器宽度为100%，那么它看起来很好，没有任何意外的包裹。有人遇到类似的情况吗？我该怎么修？

非常感谢！

Answer 1

这表明你的网站上有一些通用的CSS，它干扰了Tabulator如何布局it元素。

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