Row selection
tip
Install the gridjs-selection
plugin if you haven't already.
Follow the installation manual.
#
ExampleAdd a new column to your table definition and install the plugin. You need to define an id
function for your selection
plugin. The id
function must return a unique string
for each row and is called to determine the identifier for each row.
note
In the example above, the 3rd cell (which is row.cell(2).data
) has been selected as the row identifier which is
the "Email" field. Note that the first cell is the checkbox column.
#
Selected rowsThe selection plugin uses a Redux architecture and that means each selection instance has its own unique Store which keeps the list of selected rows.
#
Row selection extensionGrid.js enables you to write custom plugins and extend the core functionality. In this example, we are developing a custom plugin which listens to the Selection plugin events and populates a list of selected rows.
tip
Follow the Advanced Plugin article to learn more about writing Grid.js plugins!