1
gridView.setHeader({showTooltip: true})

1
gridView.setColumnProperty("RequiredDate", "header", {showTooltip:false})

1
gridView.setColumnProperty("OrderDate", "header", {tooltip:"Order Date"})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var columns = [{
    name: "OrderID",
    fieldName: "OrderID",
    width: "90",
    renderer: {
        showTooltip: true //툴팁 표시 여부
    },
    styles: {
        textAlignment: "center",
        background: "#ffffff99"
    },
    header: {
        text: "Order"
    }
}, {
	...
}];

gridView.setColumns(columns);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
gridView.onShowTooltip = function (grid, index, value) {
    var column = index.column;
    var itemIndex = index.itemIndex;
     
    var tooltip = value;
    if (column == "OrderID") {
        tooltip = "No: " + value +
            "\r\nSales Emp: " + grid.getValue(itemIndex, "EmployeeID") +
            "\r\nProduct:" + grid.getValue(itemIndex, "ProductName") +
            "\r\nQty:" + grid.getValue(itemIndex, "Quantity");
    } else if (column == "CustomerID") {
        tooltip = "Id: " + value +
            "\r\nName: " + grid.getValue(itemIndex, "CompanyName") +
            "\r\nPhone:" + grid.getValue(itemIndex, "Phone");
    } else if (column == "ShipVia") {
        tooltip = "ShipVia: " + value +
            "\r\nShip Name: " + grid.getValue(itemIndex, "ShipName") +
            "(" + grid.getValue(itemIndex, "ShipAddress") +  " " +
                  grid.getValue(itemIndex, "ShipCity") + " " +
                  grid.getValue(itemIndex, "ShipCountry") +  ")" +
            "\r\nFreight:" + grid.getValue(itemIndex, "Freight");
    }
    return tooltip;
}