Hello. I have set up a table with drop down menus for the column headers, and despite setting autoColSize to true, the dropDownMenu arrow and the column header do not fill the column width but instead sometimes (inconsistently) take up two rows in the header. I am not sure what I am doing wrong in this situation or how to fix it
this.container = this.service.getData().then(data => {
this.tableData = data;
this.table = new Handsontable(document.getElementById(‘example’), {
data: this.tableData,
columns: this.columns,
stretchH: ‘all’,
rowHeaders: true,
colHeaders: this.colHeaders,
dropdownMenu: [‘filter_by_condition’, ‘filter_action_bar’],
filters: true,
autoRowSize: true,
autoColSize: true
});
});