Grid.customDrawHeader Event

Raised when a header cell's contents are about to be rendered, to allow custom drawing.

Namespace: MindFusion.DataViews
File: Grid.js

 Syntax

JavaScript

EventDispatcher customDrawHeader

 Event Data

The event handler method receives the following arguments:
sender
A Grid instance, which is the source of the event. This object will be passed to the handler function as the first argument.
args
A CellCustomDrawEventArgs instance, which contains event data. This object will be passed to the handler function as the second argument.

 Example

The following code handles the customDrawHeader event of Grid:

JavaScript

grid.customDrawHeader.addEventListener(function (sender, args)
{
    var div = document.createElement("div");
    div.style.backgroundColor = "darkcyan";
    div.style.color = "#fff";
    div.style.textAlign = "center";
    div.style.fontSize = "larger";
    div.style.padding = "10px 5px";
    div.style.borderRadius = "5px";    if (args.column === 4 || args.column === 5)
    {
        var button = document.createElement("button");
        button.innerHTML = "Σ";
        button.style.float = "left";
        button.addEventListener("click", (e) => { e.stopPropagation(); showSum(args.column) });
        div.appendChild(button);
    }    div.appendChild(args.defaultContent);
    args.content = div;
});