@logo-elements/grid-pro NPM

@logo-elements/grid-pro

An extension of the Vaadin Web Components based vaadin-logo-grid component that provides inline editing with full keyboard navigation.

ℹ️ Grid Pro component is extended from Vaadin Grid Pro. A commercial Vaadin subscription is required to use Grid Pro in your project.

<vaadin-logo-grid-pro>
  <vaadin-grid-pro-edit-column path="firstName" header="First Name"></vaadin-grid-pro-edit-column>
  <vaadin-grid-pro-edit-column path="lastName" header="Last Name"></vaadin-grid-pro-edit-column>
  <vaadin-grid-pro-edit-column path="email" header="Email"></vaadin-grid-pro-edit-column>
</vaadin-logo-grid-pro>
<script>
  // Populate the grid with data
  const grid = document.querySelector('vaadin-logo-grid-pro');
  fetch('https://demo.vaadin.com/demo-data/1.0/people?count=200')
    .then((res) => res.json())
    .then((json) => (grid.items = json.result));
</script>

Installation

Install the component:

npm i @logo-elements/grid-pro -s

Once installed, import the component in your application:

import '@logo-elements/grid-pro';

For more detailed information, please visit:

Logo Elements Documentation ↗

License

Commercial Vaadin Developer License 4.0 (CVDLv4). For license terms, see LICENSE.

Vaadin collects usage statistics at development time to improve this product. For grid-pro and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.