JSFiddle - React, Tailwind, and code Playground
HTML
<div class="table-responsive">
<table id="datatable" class="table table-bordered table-hover">
<thead>
<tr>
<th>Nombres</th>
<th>Apellidos</th>
<th>Usuario</th>
<th>Email</th>
<th>Sexo</th>
<th>Teléfono</th>
<th>Celular</th>
<th>Referencia</th>
<th>País</th>
<th>Red</th>
<th>Rol</th>
<th>Editar</th>
</tr>
</thead>
<tbody>
<?php
$query = "SELECT * FROM miembro_info ";
$query .= "ORDER BY nombre ASC ";
$select_miembros = mysqli_query($connection, $query);
while($row = mysqli_fetch_assoc($select_miembros)) {
$cedula_pass = $row['cedula_pasaporte'];
$nombre = $row['nombre'];
$apellido = $row['apellido'];
$fecha_nacimiento = $row['fecha_nacimiento'];
$sexo = $row['sexo'];
$telefono = $row['telefono'];
$celular = $row['celular'];
$oficina = $row['oficina'];
$otro_tel = $row['otro'];
$referencia = $row['referencia'];
$calle_direccion = $row['calle'];
$numero_direccion = $row['numero'];
$edificio_direccion = $row['edificio'];
$apartemento_direccion = $row['apartamento'];
$sector_direccion = $row['sector'];
$ciudad_direccion = $row['ciudad'];
$pais_direccion = $row['pais'];
$red = $row['red'];
$usuario = $row['usuario'];
$email = $row['email'];
echo "<tr>";
echo "<td>{$nombre}</td>";
echo "<td>{$apellido}</td>";
echo "<td>{$usuario}</td>";
echo "<td>{$email}</td>";
echo "<td>{$sexo}</td>";
echo "<td>{$telefono}</td>";
echo...
JavaScript
$(document).ready(function() {
$('#datatable').DataTable();
} );