РЕДАКТИРОВАТЬ: Благодаря @Justinas у меня по крайней мере есть начальное направление в этом ...
Я хочу иметь веб-страницу, которая отображает всю таблицу базы данных sql.Я хочу иметь возможность сортировать список по значениям в каждом столбце, если пользователь нажимает на заголовок столбца.
Мне также нужно установить флажок рядом с каждой строкой, чтобы выбрать этот элемент для «продвижения вперед»
Если элемент отмечен, раскрывающийся список div будет отображаться с предварительно заполненными параметрами из одного из столбцов базы данных (Class).второй выпадающий элемент div будет таким же для другого столбца данных (категории), но также будет «настраиваемая» опция, которая будет отображать ввод div, где пользователь может вводить то, что он хочет.Значениями по умолчанию для раскрывающегося списка будут класс или категория, которые были сохранены в таблице базы данных.
Оттуда все эти выбранные / определенные данные будут сохранены в выходной файл.CSV с форматом имя, класс, категория
Вот чертёж того, что у меня на уме: 
Я не уверен, какдаже начать создавать / заполнять выпадающие списки, когда установлен флажок, и оттуда, как вы передаете данные в выходной файл?
начиная с кода ниже: здесь отображаются данные таблицы (600 строк)
HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="CSS/datatables.css" media="screen" />
<script charset="utf8" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
</head>
</html>
<body>
<table id="samples" class="display" width="100%" cellspacing="0">
<thead>
<tr>
<th>Sample Name</th>
<th>Region</th>
<th>Class</th>
<th>Category</th>
<th>QC_flag</th>
<th>QC_comment</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Sample Name</th>
<th>Region</th>
<th>Class</th>
<th>Category</th>
<th>QC_flag</th>
<th>QC_comment</th>
</tr>
</tfoot>
</table>
</form>
<script type="text/javascript" charset="utf8" src="JS/datatables.js"></script>
</body>
JQuery
$(document).ready(function() {
$('#samples').DataTable( {
"processing": true,
"serverSide": true,
"ajax": "datatables.php"
} );
} );
PHP
<?php
$table = 'sample';
$primaryKey = 'Name';
$columns = array(
array( 'db' => 'Name', 'dt' => 0 ),
array( 'db' => 'Region', 'dt' => 1 ),
array( 'db' => 'Class', 'dt' => 2 ),
array( 'db' => 'Category', 'dt' => 3 ),
array( 'db' => 'QC_flag','dt' => 4,),
array('db' => 'QC_comment','dt' => 5,)
);
// SQL server connection information
$sql_details = array(
'user' => 'user',
'pass' => 'password',
'db' => 'test',
'host' => 'xxx.xx.xxx.xx'
);
require( 'ssp.class.php' );
echo json_encode(
SSP::simple( $_GET, $sql_details, $table, $primaryKey, $columns )
);
CSS
https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css
SSP
https://github.com/DataTables/DataTables/blob/master/examples/server_side/scripts/ssp.class.php