Testing the following version: “@handsontable/vue”: “^12.1.2”
If you click on a column header in a table that has data, the following classes (by default) are applied to the TH of the column:
However, if you click on a column header in a table that does not have data, only the following class is applied:
In our application, when a user clicks a non-header column cell, the row is selected, but the column header is not highlighted. We use the
ht__active_highlight class to highlight the column header when it’s clicked directly. Therefore, if the
ht__active_highlight class isn’t added when the header is clicked, as is the case when the table is empty, the header isn’t hightlighted properly when when you’re trying to move columns.
See this fiddle for a demonstration:
In older versions (3.0), when you click on a column header of an empty table, both classes are added to the TH as expected: “ht__highlight ht__active_highlight”
Is there a way to highlight the column header when it’s selected and the table is empty so that column move will work properly?