How to display context menu in empty space of datatable

Webix JS
1

I m using webix datatable with context menu .The context menu only display when i click on rows of datatable but when i click on empty space of datatable it does not display.How can i show context menu on empty space of datatable

2 
        webix.event(grid.$view, "contextmenu", function(e) {
            var pos = grid.locate(e);
            if (pos) {
                if (pos.header) {
                    ...
                } else if (pos.row) {
                    ...
                }
            } else {/*empty area*/
                   ...
            }
            gridMenu.show(e);
            return webix.html.preventEvent(e)
        }, { id: grid.config.id + "_contextmenu" });
3

@intregal thanks for reply i m using webix jet framework how can i use your solution inside webix jet framework.can u please give me an example using webix snippet

4 
export default class extends JetView {
    config() {
        return {
            rows: [
                {
                    view: "datatable",
                    innerId: "grid"
                }
            ]
        }
    }
    init(view) {
        var grid = view.queryView({ innerId: "grid" });
        webix.event(grid.$view, "contextmenu", function (e) {
            var pos = grid.locate(e);
            if (pos) {
                if (pos.header) {
                    ...
                } else if (pos.row) {
                    ...
                }
            } else {/*empty area*/
                ...
            }
            gridMenu.show(e);
            return webix.html.preventEvent(e)
        }, { id: grid.config.id + "_contextmenu" });
    }
}
5

@integral thanks a lot .your amazing :smile: