We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to set hyperlink for specific cells in the PivotGrid?

You can set the hyperlink for a specific cell in the PivotGrid by performing the custom operation in the application. This is described in the following code example.


In the PivotGrid DOM, under each <td> tag, there is an attribute p that indicates the position of the table cell. The syntax is p=Column Index, Row Index. For example, p=2,3 indicates the cell positions at the third column, that is, Column Index + 1, and at fourth row, that is, Row Index + 1. This acts as a key point to select the cells at a specific position.

In the following code example, the fifth column is selected completely and hyperlink option is added on a simple button click. By using the code example td[p*='4,'], the fifth column in the PivotGrid is selected completely. While hovering the mouse, hyperlink is enabled by adding the pre-defined hyperlinkCell class, and while moving out the hyperlinkCell class is removed. On hovering a cell at the fifth column and on clicking the hyperlink, an AJAX post happens to the service end, via doAjaxPost that carries the cell information as parameter for the custom manipulation at the service end.







Article ID: Published Date: Last Revised Date: Platform: Control:
5358 08/13/2015 08/13/2015 JavaScript ejPivotGrid
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon