@ag-grid-enterprise/clipboard

Copy to Clipboard

This feature allows users to copy selected cell data from the grid to the clipboard. The code sample demonstrates how to enable clipboard functionality in AG Grid by setting `enableClipboard` to true in the grid options.

```javascript
import { GridOptions } from 'ag-grid-community';
import '@ag-grid-enterprise/clipboard';

const gridOptions: GridOptions = {
  columnDefs: [
    { field: 'make' },
    { field: 'model' },
    { field: 'price' }
  ],
  defaultColDef: {
    editable: true
  },
  enableRangeSelection: true,
  enableClipboard: true
};

// Assuming you have a div with id 'myGrid'
const eGridDiv = document.querySelector('#myGrid');
new agGrid.Grid(eGridDiv, gridOptions);
```

Paste from Clipboard

This feature allows users to paste data from the clipboard into the grid. The code sample shows how to enable clipboard functionality and customize the processing of pasted data using the `processCellFromClipboard` callback.

```javascript
import { GridOptions } from 'ag-grid-community';
import '@ag-grid-enterprise/clipboard';

const gridOptions: GridOptions = {
  columnDefs: [
    { field: 'make' },
    { field: 'model' },
    { field: 'price' }
  ],
  defaultColDef: {
    editable: true
  },
  enableRangeSelection: true,
  enableClipboard: true,
  processCellFromClipboard: params => {
    // Custom processing of clipboard data
    return params.value.toUpperCase();
  }
};

// Assuming you have a div with id 'myGrid'
const eGridDiv = document.querySelector('#myGrid');
new agGrid.Grid(eGridDiv, gridOptions);
```

Copy with Headers

This feature allows users to copy selected cell data along with the column headers to the clipboard. The code sample demonstrates how to enable this functionality by setting `clipboardCopyHeaders` to true in the grid options.

```javascript
import { GridOptions } from 'ag-grid-community';
import '@ag-grid-enterprise/clipboard';

const gridOptions: GridOptions = {
  columnDefs: [
    { field: 'make' },
    { field: 'model' },
    { field: 'price' }
  ],
  defaultColDef: {
    editable: true
  },
  enableRangeSelection: true,
  enableClipboard: true,
  clipboardCopyHeaders: true
};

// Assuming you have a div with id 'myGrid'
const eGridDiv = document.querySelector('#myGrid');
new agGrid.Grid(eGridDiv, gridOptions);
```