Blog
Select Page

DataTable with multiselect option to select multiple rows

UI Components

DataTables is a popular JavaScript library used to create dynamic and interactive tables for web applications. One of the most commonly used features in DataTables is the ability to select and manipulate multiple rows. Here is a demo with scripts used to create a multi-select option in data tables.

Demo:

See the Pen How to use external search, pagination and download buttons in jQuery datatables ? by Puneet Sharma (@webdevpuneet) on CodePen.

JavaScript

$(document).ready(function() {
    $('#example').DataTable( {
        select: {
            style: 'multi'
        }
    } );
} );

Scripts used in the demo