html полностью готовить на стороне клиента на JS
— в вашем будет значить примерно следующее:
<tbody>
<?php
$sql = "SELECT * FROM test_table2 ";
$sql = mysqli_query($db, $sql);
while ($result = mysqli_fetch_array($sql))
{
echo "<tr><td>".$result['Alphabetic']."</td><td>".$result['Numeriс']."</td><td>".$result['Date']."</td><td>".$result['Unsortable']."</td></tr>\n";
}
?>
</tbody>
этот блок будет заменен на примерно такое (в псевдокоде):
<?php
$sql = "SELECT * FROM test_table2 ";
$sql = mysqli_query($db, $sql);
$return = [];
while ($result = mysqli_fetch_array($sql))
{
$return[] = $result; // Здесь просто собираем данные в одну переменную
}
?>
<script>
<? echo "var resultArr='".json_encode($return)."'"; ?> // сюда мы передали переменную в JS
// тут должен быть какой-то JS-шаблонизатор, который разберет массив и сформирует таблицу по шаблону
</script>
<tbody>
</tbody>
Вот
пример шаблонизатора loDash, который используется в составе удобной библиотечки
underscore
P.s. этот пример не для продакшена, но для понимания механизма