Hello Shubham,

I am attaching a sample that uses a Rectangle shape type to create a “chip-like” display in the header of an IgrDataGrid Excel Export. I hope this helps you.

Hello Shubham,

From your most recent update, I am under the impression that you are trying to export the IgrChip elements to Excel or have something that looks like them in the cells.

There is no support for “Chips” in the Ignite UI for React Excel Library, as I do not believe there is anything in Excel that would be able to translate over to this type of look. The closest thing I can recommend to your first point is the ability to add shapes to the worksheet at the moment via its shapes collection. For example, you could add a line to one of the cells like so:

let row: WorksheetRow = ws.rows(0);

let topLeftCell: WorksheetCell = row.cells(0);
let bottomRightCell: WorksheetCell = row.cells(0);

let point1: IgPoint = {x: 0, y: 0};
let point2: IgPoint = {x: 100, y: 100};

let shape: WorksheetShape = ws.shapes().add(PredefinedShapeType.Line, topLeftCell, point1, bottomRightCell, point2);  

Perhaps using these shapes could give you a visualization like the one you are looking for in Excel, but the issue in this case is that the shapes will have no collision detection with the text in the cells by default, so you could end up with a line going through your text if you use the above.