ClipMode

12 Sep 20251 minute to read

Defines the cell content’s overflow mode. The available modes are

• Clip - Truncates the cell content when it overflows its area.
• Ellipsis - Displays ellipsis when the cell content overflows its area.
• EllipsisWithTooltip - Displays ellipsis when the cell content overflows its area
• also it will display tooltip while hover on ellipsis applied cell.

<div id='Grid'></grid>

import { Grid } from '@syncfusion/ej2-grids';
import { categoryData } from './data-source';
let grid: Grid = new Grid(
  {
    dataSource: categoryData,
    clipMode: 'Ellipsis',
  });
grid.appendTo('#Grid');