Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The new headerVissible not working?

See original GitHub issue

Describe the bug The new headerVissible not working?

Tabulator Info

4.4.1

Working Example


<body>
    <div id="accounts">  </div>
    <script>
         function onLoad() {
            var table = new Tabulator("#accounts", {
                headerVisible:true,      //hide column headers
                layout:"fitColumns",      //fit columns to width of table
                responsiveLayout:"hide",  //hide columns that dont fit on the table
                tooltips:true,            //show tool tips on cells
                addRowPos:"top",          //when adding a new row, add it to the top of the table
                resizableRows:true,       //allow row order to be changed
                columns:[
                    {title:"Status", field:"status"},
                    {title:"Account", field:"account"}
                ],
                data:[
                    {id: 1, status: "Status", account: "Account 1"},
                    {id: 2, status: "Status", account: "Account 2"},
                    {id: 3, status: "Status", account: "Account 3"},
                    {id: 4, status: "Status", account: "Account 4"},
                    {id: 5, status: "Status", account: "Account 5"},
                ]
            });
         }
         window.onload = onLoad;
    </script>
</body>

To Reproduce If you set headerVisible:false, the whole grid disappears, not just the headers.

Expected behavior Hide the headers, but show the data.

Desktop (please complete the following information):