New to Kendo UI for jQuery? Start a free 30-day trial

CellInfoByElement

methods

Returns an information about for a specific data cell element

cellInfoByElement

Parameters:cellString|Element|jQuery

A string, DOM element or jQuery object which represents the data table cell. A string is treated as a jQuery selector.

The data cells are the td.k-pivotgrid-cell elements inside the .k-pivotgrid-values container. The cells that render totals also have the k-pivotgrid-total class. The header cells are rendered in the separate .k-pivotgrid-row-headers and .k-pivotgrid-column-headers containers.

Returns:Object

the data cell information.

<div id="pivotgrid"></div>
<script>
$(function() {
    var pivotgrid = $("#pivotgrid").kendoPivotGridV2({
        height: 550,
        dataSource: {
            type: "xmla",
            columns: [{ name: "[Date].[Calendar]", expand: true } ],
            rows: [{ name: "[Product].[Category]", expand: true }],
            measures: ["[Measures].[Internet Sales Amount]"],
            transport: {
                connection: {
                    catalog: "Adventure Works DW 2008R2",
                    cube: "Adventure Works"
                },
                read: 'https://demos.telerik.com/service/v2/olap/msmdpump.dll'
            }
        }
    }).data("kendoPivotGridV2");

    pivotgrid.wrapper.on("mouseenter", ".k-pivotgrid-values td", function(e){
        var info = pivotgrid.cellInfoByElement(e.currentTarget);

/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log(info);
    });
});
</script>