@revolist/revogrid-column-select

2.0.2 • Public • Published

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;
// 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.

Package Sidebar

Install

npm i @revolist/revogrid-column-select

Weekly Downloads

234

Version

2.0.2

License

MIT

Unpacked Size

132 kB

Total Files

22

Last publish

Collaborators

  • kumakint