Make tables responsive in small devices
This commit is contained in:
parent
dbeda6bc54
commit
9c541249a2
4 changed files with 40 additions and 31 deletions
|
@ -13,7 +13,9 @@ checkRole(array('admin'));
|
||||||
// This function is used on the VIEW to show the tables
|
// This function is used on the VIEW to show the tables
|
||||||
function printTable($title, $array) {
|
function printTable($title, $array) {
|
||||||
echo '<h2 class="mb-2 mt-4">'.$title.'</h2>';
|
echo '<h2 class="mb-2 mt-4">'.$title.'</h2>';
|
||||||
echo '<table class="table table-striped mt-3">
|
echo '
|
||||||
|
<div class="table-responsive">
|
||||||
|
<table class="table table-striped mt-3">
|
||||||
<tbody>
|
<tbody>
|
||||||
';
|
';
|
||||||
|
|
||||||
|
@ -33,6 +35,7 @@ function printTable($title, $array) {
|
||||||
echo '
|
echo '
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
';
|
';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,8 @@
|
||||||
echo Bootstrap::pageTitle(array('title'=>$L->g('About'), 'icon'=>'info-circle'));
|
echo Bootstrap::pageTitle(array('title'=>$L->g('About'), 'icon'=>'info-circle'));
|
||||||
|
|
||||||
echo '
|
echo '
|
||||||
<table class="table table-striped mt-3">
|
<div class="table-responsive">
|
||||||
|
<table class="table table-striped mt-3">
|
||||||
<tbody>
|
<tbody>
|
||||||
';
|
';
|
||||||
|
|
||||||
|
@ -43,5 +44,6 @@ echo '</tr>';
|
||||||
|
|
||||||
echo '
|
echo '
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
';
|
';
|
||||||
|
|
|
@ -9,7 +9,8 @@ echo Bootstrap::link(array(
|
||||||
));
|
));
|
||||||
|
|
||||||
echo '
|
echo '
|
||||||
<table class="table table-striped mt-3">
|
<div class="table-responsive">
|
||||||
|
<table class="table table-striped mt-3">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="border-bottom-0" scope="col">'.$L->g('Name').'</th>
|
<th class="border-bottom-0" scope="col">'.$L->g('Name').'</th>
|
||||||
|
@ -29,5 +30,6 @@ foreach ($categories->keys() as $key) {
|
||||||
|
|
||||||
echo '
|
echo '
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
';
|
';
|
||||||
|
|
|
@ -11,7 +11,8 @@ echo Bootstrap::link(array(
|
||||||
));
|
));
|
||||||
|
|
||||||
echo '
|
echo '
|
||||||
<table class="table table-striped mt-3">
|
<div class="table-responsive">
|
||||||
|
<table class="table table-striped mt-3">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="border-bottom-0" scope="col">'.$L->g('Username').'</th>
|
<th class="border-bottom-0" scope="col">'.$L->g('Username').'</th>
|
||||||
|
@ -52,5 +53,6 @@ foreach ($list as $username) {
|
||||||
|
|
||||||
echo '
|
echo '
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
';
|
';
|
Loading…
Add table
Reference in a new issue