Я создал таблицу с функцией поиска в модальном поле. Но пагинация bootstrap не отображается в модальном окне. Но модальная коробка вне страницы может работать на bootstrap. Могу ли я узнать, в какой части я ошибаюсь?
Ниже приведена моя кодировка:
$result = mysqli_query($connect, $query);
if(mysqli_num_rows($result) > 0)
{
$output .= '<div >
<table id="myTable" class="table table-bordered table-condensed table-hover table-striped dataTable">
<tr>
<th>Name</th>
<th>Designation</th>
</tr>
';
while($row = mysqli_fetch_array($result))
{
$output .= '
<tr>
<td>'.$row["name"].'</td>
<td>'.$row["designation_name"].'</td>
</tr>
';
}
echo $output;
}
else
{
echo 'Data Not Found';
}
?>
<script>
$(document).ready( function () {
$('#myTable').DataTable();
} );
</script>
Ниже приведена кодировка содержимого моей модальной коробки:
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">User Search</h4>
</div>
<div class="modal-body" id="content_list">
<div class="form-group">
<span >Name (or partial):</span><br><br>
<div class="input-group">
<span class="input-group-addon">Search</span>
<input type="text" name="search_text" id="search_text" placeholder="Search by User Name" class="form-control" />
</div>
</div>
<br />
<div id="result"></div>
</div>
<div style="clear:both"></div>
<br />
</div>
Моя выходная программа ниже он показывает все данные и не может сделать это может разбить на страницы:
output