conteneur de tableau long

This commit is contained in:
Tykayn 2025-06-29 10:22:24 +02:00 committed by tykayn
parent f50f2f87f5
commit 2ea7f7711f
3 changed files with 148 additions and 106 deletions

View file

@ -164,3 +164,10 @@ table tbody {
max-height: 700px;
overflow: auto;
}
#table_container, .table-container, #table-container{
max-height: 700px;
overflow: auto;
display: block;
border: solid 3px rgb(255, 255, 255);
}

View file

@ -208,7 +208,34 @@
</a>
</div>
</div>
{# <input type="text" id="stats-table-search" class="form-control mb-2" placeholder="Filtrer les lieux..."> #}
<div id="table-container">
<div class="row mb-3">
<div class="col-md-6">
<div class="input-group">
<span class="input-group-text">
<i class="bi bi-search"></i>
</span>
<input type="text" id="stats-table-search" class="form-control" placeholder="Filtrer les lieux...">
</div>
</div>
<div class="col-md-6">
<div class="d-flex justify-content-end">
<div class="btn-group" role="group">
<button type="button" class="btn btn-outline-secondary" id="export-selected">
<i class="bi bi-download"></i> Exporter sélection
</button>
<button type="button" class="btn btn-outline-secondary" id="select-all">
<i class="bi bi-check-all"></i> Tout sélectionner
</button>
<button type="button" class="btn btn-outline-secondary" id="deselect-all">
<i class="bi bi-x-circle"></i> Désélectionner
</button>
</div>
</div>
</div>
</div>
</div>
<div id="table_container" class="table-container" >
<table id="stats-table" class="table table-bordered table-striped table-hover table-responsive table-sort">
{% include 'admin/stats/table-head.html.twig' %}
<tbody>
@ -219,11 +246,16 @@
</table>
</div>
</div>
<div class="card mt-4">
<div class="card-header">
<h2>Podium des contributeurs OSM de cette ville</h2>
</div>
<div class="card-body">
<div class="table-container" >
<table class="table table-striped table-bordered mt-4" style="max-width:800px">
<thead class="table-dark">
<tr>
@ -274,6 +306,7 @@
</table>
</div>
</div>
</div>
{# <div class="card mt-4">
<div class="card-header">

View file

@ -139,6 +139,7 @@
<div class="col-12">
<h2>Statistiques par ville</h2>
<input type="text" id="dashboard-table-search" class="form-control mb-2" placeholder="Filtrer les villes...">
<div class="table-container" >
<div class="table-responsive">
<table id="dashboard-table" class="table table-striped table-sort">
<thead>
@ -202,6 +203,7 @@
</div>
</div>
</div>
</div>
</div>
{% endblock %}