Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
1710
Working with Rows in igGrid
posted

Where can I find documentation on manipulating a row in an igGrid.


For instance what if I have a row in a grid and I want to change something like

  1. Set the data of an unbound column
  2. Query the value of a column
  3. Set the value of a column
  4. Add more columns based on an event
  5. Hide or show columns based on an event

  • 8736
    posted

    Hello,

    I would recommend you to see our API and documentation links below:

    https://www.igniteui.com/help/api/2019.1/ui.iggrid

    Expand igGrid and click on the feature for which you like to see API details on above link.

    https://www.igniteui.com/help/iggrid

    You can set value of unbound column while defining column definition as shown below:

    headerText: "Promotion Expired Date", key: "PromotionExpDate", dataType: "date", unbound: true, unboundValues:[new Date('4/24/2012'),new Date('8/24/2012'),new Date('6/24/2012'),new Date('7/24/2012'),new Date('9/24/2012'),new Date('10/24/2012'),new Date('11/24/2012')]},

    Refer to the sample on the below link:

    https://www.igniteui.com/grid/unbound-column You can query the data from the row and column key as shown below:

    var date = $(".selector").igGrid("getCellValue", 3, "ShipDate"); 3 is row index and “ShipDate” is column key.

    You can set cell value as shown below:

    $("#grid").igGridUpdating("setCellValue", 5, "ProductName", "bologna");

    You can hide column as shown below:

    $(".selector").igGrid("hideColumn", 1);

    OR

     $(".selector").igGrid("hideColumn", "ProductID");

    I would recommend you to review the API document link for more details.

    I hope this helps.