@revolist/revogrid-column-select

Select column type for RevoGrid system based on revo-dropdown

Usage no npm install needed!

<script type="module">
  import revolistRevogridColumnSelect from 'https://cdn.skypack.dev/@revolist/revogrid-column-select';
</script>

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;

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