JSFiddle - React, Tailwind, and code Playground
HTML
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
</thead>
</table>
JavaScript
$(document).ready(function() {
$('#example').dataTable( {
"processing": true,
"serverSide": true,
"ajax": "/ec2/i-146e891c",
"columns": [
{'data': 'root_device_type'},
{'data': 'group_name'},
{'data': 'id'},
{'data': 'subnet_id'},
{'data': 'ebs_optimized'},
{'data': 'platform'},
{'data': 'state'},
{'data': 'virtualization_type'},
{'data': 'architecture'},
{'data': 'ramdisk'},
{'data': 'tags'},
{'data': 'key_name'},
{'data':'interfaces.0.status'},
{'data':'interfaces.0.description'},
{'data':'interfaces.0.id'},
{'data':'interfaces.0.private_ip_addresses'},
{'data':'interfaces.0.mac_address'},
{'data': 'image_id'},
{'data':'block_devices.0.status'},
{'data':'block_devices.0.delete_on_terminate'},
{'data':'block_devices.0.name'},
{'data':'block_devices.0.volume_id'},
{'data':'block_devices.1.status'},
{'data':'block_devices.1.delete_on_terminate'},
{'data':'block_devices.1.name'},
{'data':'block_devices.1.volume_id'},
{'data': 'state_previous'},
{'data': 'public_dns_name'},
{'data': 'security_group_ids'},
{'data': 'monitoring_state'},
{'data': 'account'},
{'data': 'placement'},
{'data': 'name'},
{'data':...