gridjs-better-selection v1.0.0

gridjs-selection

Description

This plugin is designed for gridjs. The goal of this plugin is two offer more both single-row selection and multiple-rows selection.

Examples

In HTML, you must first load the plugin and gridjs, as the plugin depends on it.

<script src="js/gridjs.umd.js"></script>
<script src="js/gridjsselection.umd.js"></script>

Single Row Selection Plugin

    let singleSelection = gridjsSelection.RowSelectionSingle;
    let grid = new gridjs.Grid({
        columns: [
            {
                id: 'select',
                name: 'Select',
                plugin: {
                    component: singleSelection
                }
                },
                {
                id: 'a',
                name: 'Column A'
                },
                {
                id: 'b',
                name: 'Column B'
                },
                {
                id: 'c',
                name: 'Column C'
                }
            ],
        data: [
            [1, 2, 3],
            [4, 5, 6],
            [7, 8, 9],
            [10, 11, 12],
        ],
        }).render(document.getElementById("mygrid"));

        grid.on('rowClick', (...args) => console.log('row: ' + JSON.stringify(args), args));
        grid.on('cellClick', (...args) => console.log('cell: ' + JSON.stringify(args), args));