How to center vertically active areas

In order to center the icon vertically, you need to:

1. Specify the vertical position using "top" and "bottom" properties (use the same values).
2. Center the content using "display: flex".

It could look like this:

dp.onBeforeRowHeaderRender = (args) => {
    args.row.columns[1].areas = [
        {
            top: 0,
            right: 0,
            width: 20,
            bottom: 0,
            style: "display: flex; align-items: center;",
            html: "<span>content</span>",
        }
    ]
};

Perfect. Thanks you very much!