Tabulator 不接受标题颜色更改

Question

Tabulator 不接受标题颜色更改

通过下面的 css，我试图更改我所有列的标题颜色，但我没有得到这个调整

尝试这样做，但行不通。 我用vue3 + vite + tabulator 5.4

<style scoped>
   .tabulator {
     font-size: 12px;
     width: 100%;
   }
   .tabulator .tabulator-header,
   .tabulator-col .headerBackgroundColor {
     background-color: #acacac;
   }
</style>

这是我的制表符

tabulator.value = new Tabulator('#tabulator', {
     data: dataRelatorio.value,
     layout: 'fitColumns',
     autoResize: true,
     pagination: 'local',
     paginationSize: 20,
     rowHeight: 25,
     paginationSizeSelector: [10, 20, 30, 50, 100, 200, 500, 1000],
     movableColumns: true,
     paginationCounter: 'rows',
     responsiveLayout: 'hide',
     placeholder: 'No record found',
     locale: 'pt-BR',
     langs: {
       'pt-BR': {
         pagination: {
           page_title: 'Show page',
           first: 'First',
           first_title: 'First page',
           last: 'Next',
           last_title: 'Next page',
           prev: 'Previous',
           prev_title: 'Previous page',
           next: 'Next',
           next_title: 'Next Page',
           all: 'All',
         },
       },
     },
     columns: columns,
     rowFormatter: function (row) {
       //console.log(row.getData());
       if (row.getData().in_delayed === 'delayed') {
         const children = row.getElement().childNodes;
         children.forEach((child) => {
           child.style.backgroundColor = '#FFFACD';
         });
       }
     },
   });