Ajouter des Photos dans DataTables.js

Introduction :

POur ajouter des photos dans Datatables.js, si le nom de la photo en base de donnée est img.jpg, il faut modifer le code php comme ceci :


<?php
include('connexionSql.php');
connexionSql();

$jsonresponse=array("data"=>array());

$lectureSql="SELECT * FROM etudiant";
$lecture = mysql_query($lectureSql) or die(mysql_error());

while ($col=mysql_fetch_array($lecture)){

$img = "<img src=\"images/".$col[10]."\" class='photodatatable'>";
$tab=array(
$col[0],
$img,
$col[1],
$col[2],
$col[3],
$col[4],
$col[5],
$col[6],
$col[7],
$col[8],
$col[9],
);

array_push($jsonresponse["data"],$tab);
};

echo json_encode($jsonresponse);

exit();

Puis, on crée la table en html, normalement, avec un champs « photo », et la balise src est interprétée dans datatable:


table id="tbe" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                
                <th>Id Etudiant            </th>
                <th>Photo                </th>
                <th>Nom                    </th>
                <th>Prénom                </th>
                <th>Age                    </th>
                <th>Date de Naissance    </th>
                <th>Adresse                </th>
                <th>Date Entrée            </th>
                <th>Date Sortie            </th>
                <th>Paiement            </th>
                <th>Pays                </th>
                
                
            </tr>
            </thead>
            <tfoot>
                <tr>
                </tr>
            </tfoot>
        </table>

ce qui donne : 
tb1


Publicités