ebene/radiantrh
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Correction DataTable

Browse Source
This commit is contained in:
KONE SOREL 2025-12-25 12:15:36 +00:00
parent 89e62bbe2b
commit 730b94ebe4
3 changed files with 64 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
Js/fonctions.js
View File

@ -379,13 +379,6 @@ function appliquerDataTable() {
const $table = $('.tabliste'); const $table = $('.tabliste');
const codeLangue = $("#codeLangue").val(); const codeLangue = $("#codeLangue").val();
// Détruire l'instance existante si elle existe
if ($.fn.DataTable.isDataTable($table)) {
$table.DataTable().destroy();
$table.empty(); // Optionnel
}
try {
// Dictionnaire des traductions // Dictionnaire des traductions
const translations = { const translations = {
en_US: { en_US: {
@ -416,24 +409,27 @@ function appliquerDataTable() {
}, },
infoFiltered: "(filtré de _MAX_ total enregistrements)" infoFiltered: "(filtré de _MAX_ total enregistrements)"
} }
// ➕ Tu peux ajouter d'autres langues ici (ex: es_ES, de_DE, etc.)
}; };
// Options communes // Options DataTable
const options = { const options = {
destroy: true, destroy: true,
responsive: true, responsive: true,
order: [[0, "desc"]], order: [[0, "desc"]],
lengthMenu: [50, 100, 150], lengthMenu: [50, 100, 150],
scrollX: true,
scrollY: "75vh",
pagingType: "full_numbers", pagingType: "full_numbers",
autoWidth: false, autoWidth: false,
language: translations[codeLangue] || translations.fr_FR language: translations[codeLangue] || translations.fr_FR
}; };
// Initialisation du DataTable try {
$table.DataTable(options); // Initialisation
const instance = $table.DataTable(options);
// Correction d'alignement après le rendu
setTimeout(() => {
instance.columns.adjust().responsive.recalc();
}, 100);
} catch (err) { } catch (err) {
console.error("Erreur lors de l'application du DataTable :", err); console.error("Erreur lors de l'application du DataTable :", err);

27
Vue/Accueil/index.php
View File

@ -75,24 +75,23 @@
<i class="accordion-icon bi bi-chevron-down"></i> <i class="accordion-icon bi bi-chevron-down"></i>
</h2> </h2>
<div class="accordion-content"> <div class="accordion-content">
<div class="tab-container"> <div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed table-responsive tabliste compact" style="font-size:10pt; white-space:nowrap;"> <table class="table table-striped table-bordered table-hover table-condensed tabliste compact w-100" style="font-size:10pt; white-space:nowrap;">
<thead> <thead>
<tr> <tr>
<th style='text-align:center'> <?= _("No Police") ?> </th> <th style="text-align:center"> <?= _("No Police") ?> </th>
<th style='text-align:center'> <?= _("ID Police") ?> </th> <th style="text-align:center"> <?= _("ID Police") ?> </th>
<th style="text-align:center">Type</th>
<th style='text-align:center'>Type</th> <th style="text-align:center"> <?= _("Effet") ?> </th>
<th style='text-align:center'> <?= _("Effet") ?> </th> <th style="text-align:center"> <?= _("Échéance") ?> </th>
<th style='text-align:center'> <?= _("Echéance") ?> </th> <th style="text-align:center"> <?= _("Type Avenant") ?> </th>
<th style="text-align:center"> <?= _("État") ?> </th>
<th style='text-align:center'> <?= _("Type Avenant") ?> </th> <th style="text-align:center"> <?= _("Prime") ?> </th>
<th style='text-align:center'> <?= _("Etat") ?> </th> <th style="text-align:center"> <?= _("Sinistres") ?> </th>
<th style='text-align:center'> <?= _("Prime") ?> </th> <th style="text-align:center"> <?= _("R S/P") ?> </th>
<th style='text-align:center'> <?= _("Sinitres") ?> </th>
<th style='text-align:center'> <?= _("R S/P") ?> </th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<?php foreach ($polices as $police): <?php foreach ($polices as $police):
$id = $this->nettoyer($police['idPolice']); $id = $this->nettoyer($police['idPolice']);

2
Vue/gabarit.php
View File

@ -594,7 +594,7 @@ console.groupEnd();
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<!-- Application Scripts --> <!-- Application Scripts -->
<script src="/Js/fonctions.js?ver=2025.12.25.00"></script> <script src="/Js/fonctions.js?ver=2025.12.25.01"></script>
<?php if (est_anglophone()): ?> <?php if (est_anglophone()): ?>
<script src="/Js/datepicker-eng.js"></script> <script src="/Js/datepicker-eng.js"></script>