JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

    <link href="//datatables.net/download/build/nightly/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <script src="//datatables.net/download/build/nightly/jquery.dataTables.js"></script>
    <script src="//cdn.rawgit.com/ashl1/datatables-rowsgroup/v1.0.0/dataTables.rowsGroup.js"></script>

    <meta charset=utf-8 />
    <title>DataTables - JS Bin</title>
  </head>
  <body>
    <div class="container">
      <table id="example" class="display" width="100%">
      </table>
    </div>
  </body>
</html>

JavaScript

$(document).ready( function () {
  var data = [

    ['1', 'Group3', 'Element1'],
    ['1', 'Group3', 'Element2'],
    ['2', 'Group2', 'Element1'],
    ['2', 'Group2', 'Element2'],
    ['3', 'Group1', 'Element1'],
    ['3', 'Group1', 'Element2'],

  ];
  var table = $('#example').DataTable({
    columns: [
        {
            title: 'No',
        },
        {
            title: 'Group name',
        },
        {
            title: 'Element',
        },

    ],
    data: data,
    rowsGroup: [0,1],
    });
} );