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: November 16, 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?

Platform: JavaScript |
Control: ejPivotClient |
Published Date: August 13, 2015 |
Last Revised Date: August 13, 2015

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.







You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

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