Security News
Research
Data Theft Repackaged: A Case Study in Malicious Wrapper Packages on npm
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
@ag-grid-enterprise/clipboard
Advanced tools
Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
@ag-grid-enterprise/clipboard is an npm package that provides clipboard functionality for AG Grid, a popular JavaScript data grid. This package allows users to copy and paste data to and from the grid, enhancing the user experience by enabling seamless data manipulation.
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);
```
Handsontable is a JavaScript/HTML5 data grid component with spreadsheet-like UX. It offers similar clipboard functionalities, such as copying and pasting data, but also includes a wide range of other features like data validation, sorting, and filtering. Compared to @ag-grid-enterprise/clipboard, Handsontable provides a more comprehensive set of features for spreadsheet-like applications.
React Data Grid is a data grid component for React applications. It provides clipboard functionalities, including copy and paste, similar to @ag-grid-enterprise/clipboard. However, React Data Grid is specifically designed for React, whereas AG Grid can be used with various frameworks including Angular, Vue, and plain JavaScript.
SlickGrid is a JavaScript grid/spreadsheet component that offers high performance and a rich set of features, including clipboard operations. It is highly customizable and can handle large datasets efficiently. Compared to @ag-grid-enterprise/clipboard, SlickGrid is more focused on performance and customization.
This project contains AG Grid Enterprise features.
See www.ag-grid.com for an overview and full documentation.
Framework specific Getting Started guides:
Angular | Javascript | React | TypeScript | VueJS
This is not free software, this software is covered by copyright and to use you need a commercial license.
Please see files: LICENSE.md SUPPORT_AND_MAINTENANCE.md
If you are an Enterprise customer (or are evaluating AG Grid Enterprise) and wish to report a Bug or raise a new Feature Request please do so on our Support Portal.
To Sign Up: Send an email to accounts@ag-grid.com with your license key
FAQs
Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
The npm package @ag-grid-enterprise/clipboard receives a total of 130,644 weekly downloads. As such, @ag-grid-enterprise/clipboard popularity was classified as popular.
We found that @ag-grid-enterprise/clipboard demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.
Security News
The Ultralytics' PyPI Package was compromised four times in one weekend through GitHub Actions cache poisoning and failure to rotate previously compromised API tokens.