javascript

2024-07-17 18:36| 来源: 网络整理| 查看: 265

如何避免自动 Tabulator 标题换行时间：2020-12-21 19:17:50

标签： javascript 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', 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，行将自动水平填充： set layout as fitData, row will fill horizontally。代码是：

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 for the container。创建容器的代码：

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

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

非常感谢！

1 个答案:

答案 0 :(得分：0)

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

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

【本文地址】

javascript

javascript

今日新闻

推荐新闻