使用Tabulator v5.4.4时表格末尾莫名多出一列，求排查原因

你的代码里存在一个容易忽略的语法细节——columns数组最后一个列配置对象后面多了一个尾逗号，这就是导致空列出现的原因：

{
    title:"User's Name", 
    field:"userName"
}, // 这个多余的逗号是问题所在

在部分JavaScript解析环境中，这种尾逗号会被解析为数组中的一个空元素，Tabulator处理时会把这个空元素当成一个无效的列配置，最终渲染出一列空列。

解决步骤 #

直接删除这个多余的尾逗号，修改后的columns数组代码如下：

columns:[
    {
        formatter:"responsiveCollapse", 
        width:30, 
        minWidth:30, 
        hozAlign:"center", 
        resizable:false, 
        headerSort:false
    },
    {
        title:"Group Name", 
        field:"groupName"
    },
    {
        title:"User's Reference", 
        field:"givenToUser", 
        responsive:0
    },
    {
        title:"User's Name", 
        field:"userName"
    }
],

修改后重新渲染表格，末尾的空列就会消失。

内容的提问来源于stack exchange，提问作者AVRajan