Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@sy1ar9/revogrid-column-select

revolist23MIT2.0.42TypeScript support: included

Select column type for RevoGrid system based on revo-dropdown

revo-grid, revolist, datagrid, revoGrid, stenciljs, reactive, virtualgrid, virtual vue grid, react datagrid, editable, excel, webcomponent, autocomplete, dropdown, jsdropdown, dropdownlist

readme

revogrid-column-select

Custom column type for RevoGrid component based on revo-dropdown library.

Autocomplete dropdown

Installation

npm i @revolist/revogrid-column-select

How to use

  • Import Select Column type;
  • Specify table data;
  • Per column specify column type;
  • Register your column type; `js

// do Select class import import SelectTypePlugin from "@revolist/revogrid-column-select";

const columns = [{ prop: 'name', labelKey: 'label', valueKey: 'value', source: [ { label: 'According', value: 'a' }, { label: 'Over', value: 'b' }, { label: 'Source', value: 's' } ], columnType: 'select' // column type specified as 'select' }]; const rows = [{ name: 'New item' }, { name: 'New item 2' }];

// register column type const columnTypes = { 'select': new SelectTypePlugin() };

// apply data to grid per your framework approach <revo-grid source={rows} columns={columns} columnTypes={columnTypes}/> `

How to use with static Vanilla JS:

For static sites check this Sample.