Salut, j'ai un problème dans l'affichage dans ma tableau aide moi slv et merci davence

Probleme dans parcourire [Résolu]

Réponse 1 / 3

jordane45 Messages postés 40050 Statut Modérateur 4 757

Bonjour,

Commence par nous poster ton code directement sur le forum au lieu d'en mettre des images dont on ne peut rien faire....

Pour savoir comment poster ton code.. merci de lire et d'appliquer ceci :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

jordane45 Messages postés 40050 Statut Modérateur 4 757

Au passage....
Le code de ton BUTTON ne semble pas complet... il n'y a pas le </button> ... ni le ">"' avant le texte
Pour rappel

<button > blabla </button>

Réponse 2 / 3

maherkefi Messages postés 25 Statut Membre

 
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="{{ asset("bootstrap/css/bootstrap.css") }}">
    <script src="{{ asset("bootstrap/js/bootstrap.js") }}"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<center>
    <div class=" container spacer col-md-12 col-xs-12 col-md-offset-3">
        <div class="panel panel-default">
            <div class="jumbotron text-center "><h1>Accepter ou Refuse Cette demande </h1></div><br>
            <br><br><br>
            <div class="form-group">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>Nom</th>
                        <th>Prenom</th>
                        <th>Durée</th>
                        <th>Date Debut</th>
                        <th>Date Fin</th>
                        <th>Type De Conge</th>
                        <th>Raison</th>
                        <th>Jour Congé</th>
                        <th>Jour Maladie</th>
                        <th>Statut</th>
                        <th>OK</th>

                    </tr>
                    </thead>
                    {{ form_start(form) }}
                    {% for i in conge  %}

                        <tbody>
                        <tr>
                            <td>{{ i.employer.nom }}</td>
                            <td>{{ i.employer.prenom }}</td>
                            <td>{{ i.nbjour }} jour(s)</td>
                            <td>{{ i.datedebut }}</td>
                            <td>{{ i.datefin }}</td>
                            <td>{{ i.type }}</td>
                            <td>{{ i.raison }}</td>
                            <td>{{ i.employer.jourconge }}</td>
                            <td>{{ i.employer.jourmaladie }}</td>
                            <td>
                                <select class="form-control" size="1"{{ form_widget(form.statut) }}
                                <option>En attente</option>
                                <option>Accepter</option>
                                <option>Refuse</option>
                                </select>
                                </td>
                            <td>
                                <button class="btn " role="button"{{ form_widget(form.Valider) }}
                            </td>
                        </tr>
                        </tbody>
                   
                    {% endfor %}
                    {{ form_end(form) }}
                </table>

            </div>
            <div>
            </div>
            <div>
                <a href="{{ path('accueil') }}" class="btn" role="button" aria-pressed="true"><i class="fa fa-arrow-circle-left">Retour</i></a>

            </div>

        </div>
    </div>
</center>
</body>
<style>
    body {
        width: 100%;
        height:110%;
        font-family: 'Open Sans', sans-serif;
        background: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 );
    }
    .jumbotron{
        margin:1px 1px 1px 1px;
        border-radius:10px;
        background:linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
    url("");
        background-repeat: no-repeat;
        background-attachment: fixed;
        color:white !important;
        height:150px;
    }
    h1 {
        font-family: "Poppins-Regular";
        font-size: 3rem;
        font-weight: 400;
        color: #dbd7d6;
    }
    .btn{
        width:120px;
        height:40px;
        color : #690653;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        font-size:  17px ;
        text-align: center;
        line-height: 20px ;
    }
    .btn:hover
    {
        width:130px;
        height:42px;
        color : #4171a8;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        text-align: center;
        font-size:  20px ;
        box-shadow: 0px 15px 20px rgba(83, 118, 198, 0.74);
    }
    input[type=text], select {
        width:400px;
        height:40px;

    }
    .form-control{
        width: 130px;
    }
    .btp1{
        width:90px;
        height:30px;
        color : #690653;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        font-size:  17px ;
        text-align: center;
        line-height: 20px ;
    }
    .btp1:hover
    {
        width:90px;
        height:30px;
        color : #15a814;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        text-align: center;
        font-size:  20px ;
        box-shadow: 0px 15px 20px rgba(21, 168, 20, 0.74);
    }
    .btp2{
        width:90px;
        height:30px;
        color : #690653;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        font-size:  17px ;
        text-align: center;
        line-height: 20px ;
    }
    .btp2:hover
    {
        width:90px;
        height:30px;
        color : #a82017;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        text-align: center;
        font-size:  20px ;
        box-shadow: 0px 15px 20px rgba(231, 22, 65, 0.74);
    }

    .m{
        color : rgba(255, 72, 99, 0.44);
    }
    .c{
        color : rgba(16, 99, 231, 0.46);
    }

    .a{
        color : rgba(34, 172, 17, 0.5);
    }
    .r{
        color : rgba(231, 0, 3, 0.64);
    }





</style>
</html>

public function statutAction(Request $req)
{
    if (isset($_SESSION["Employer"])==1)
    {
        $em = $this->getDoctrine()->getManager();
        $d= $_SESSION["Employer"];
        $email =$d->getEmail();
        $conge=$em->getRepository('CredBundle:Conge')->findBy(array("Email" => $email));
        foreach ($conge as $x)
        {
        $form=$this->createForm(StatuType::class,$x);
        $form->handleRequest($req);
        if ($form->isValid())
        {
            $em->persist($x);
            $em->flush();
            return $this->redirectToRoute("accueil");
        }
             return $this->render('CredBundle:statut:statut.html.twig',array('form'=>$form->createView(),'conge' => $conge ));
        }

        }
    return $this->redirectToRoute("accueil");
        }

EDIT : Ajout des balises de code

jordane45 Messages postés 40050 Statut Modérateur 4 757

Visiblement tu as du mal à lire ce que je t'ai écrit...

J'ai édité ton message pour y mettre les balises de code .... la prochaine fois... merci de le faire toi même.

Ensuite je t'ai déjà donné la réponse à ton souci.... le code html de ton button n'est pas correcte...
Il faut le corriger.

maherkefi Messages postés 25 Statut Membre

merci pour vous
mais voici

quand je ferme la balise <button> il s'affiche dans la page

Réponse 3 / 3

maherkefi Messages postés 25 Statut Membre

<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="{{ asset("bootstrap/css/bootstrap.css") }}">
    <script src="{{ asset("bootstrap/js/bootstrap.js") }}"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<center>
    <div class=" container spacer col-md-12 col-xs-12 col-md-offset-3">
        <div class="panel panel-default">
            <div class="jumbotron text-center "><h1>Accepter ou Refuse Cette demande </h1></div><br>
            <br><br><br>
            <div class="form-group">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>Nom</th>
                        <th>Prenom</th>
                        <th>Durée</th>
                        <th>Date Debut</th>
                        <th>Date Fin</th>
                        <th>Type De Conge</th>
                        <th>Raison</th>
                        <th>Jour Congé</th>
                        <th>Jour Maladie</th>
                        <th>Statut</th>
                        <th>OK</th>

                    </tr>
                    </thead>
                    {{ form_start(form) }}
                    {% for i in conge  %}

                        <tbody>
                        <tr>
                            <td>{{ i.employer.nom }}</td>
                            <td>{{ i.employer.prenom }}</td>
                            <td>{{ i.nbjour }} jour(s)</td>
                            <td>{{ i.datedebut }}</td>
                            <td>{{ i.datefin }}</td>
                            <td>{{ i.type }}</td>
                            <td>{{ i.raison }}</td>
                            <td>{{ i.employer.jourconge }}</td>
                            <td>{{ i.employer.jourmaladie }}</td>
                            <td>
                                <select class="form-control" size="1"{{ form_widget(form.statut) }}
                                <option>En attente</option>
                                <option>Accepter</option>
                                <option>Refuse</option>
                                </select>
                                </td>
                            <td>
                                <button class="btn " role="button"{{ form_widget(form.Valider) }}>  </button>
                            </td>
                        </tr>
                        </tbody>

                    {% endfor %}
                    {{ form_end(form) }}
                </table>

            </div>
            <div>
            </div>
            <div>
                <a href="{{ path('accueil') }}" class="btn" role="button" aria-pressed="true"><i class="fa fa-arrow-circle-left">Retour</i></a>

            </div>

        </div>
    </div>
</center>
</body>
<style>
    body {
        width: 100%;
        height:110%;
        font-family: 'Open Sans', sans-serif;
        background: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 );
    }
    .jumbotron{
        margin:1px 1px 1px 1px;
        border-radius:10px;
        background:linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
    url("");
        background-repeat: no-repeat;
        background-attachment: fixed;
        color:white !important;
        height:150px;
    }
    h1 {
        font-family: "Poppins-Regular";
        font-size: 3rem;
        font-weight: 400;
        color: #dbd7d6;
    }
    .btn{
        width:120px;
        height:40px;
        color : #690653;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        font-size:  17px ;
        text-align: center;
        line-height: 20px ;
    }
    .btn:hover
    {
        width:130px;
        height:42px;
        color : #4171a8;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        text-align: center;
        font-size:  20px ;
        box-shadow: 0px 15px 20px rgba(83, 118, 198, 0.74);
    }
    input[type=text], select {
        width:400px;
        height:40px;

    }
    .form-control{
        width: 130px;
    }
    .btp1{
        width:90px;
        height:30px;
        color : #690653;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        font-size:  17px ;
        text-align: center;
        line-height: 20px ;
    }
    .btp1:hover
    {
        width:90px;
        height:30px;
        color : #15a814;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        text-align: center;
        font-size:  20px ;
        box-shadow: 0px 15px 20px rgba(21, 168, 20, 0.74);
    }
    .btp2{
        width:90px;
        height:30px;
        color : #690653;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        font-size:  17px ;
        text-align: center;
        line-height: 20px ;
    }
    .btp2:hover
    {
        width:90px;
        height:30px;
        color : #a82017;
        border-radius: 20px;
        background-image: linear-gradient(to left top, #6093A8, transparent),
        linear-gradient(to right top, #BC8394, transparent);
        text-align: center;
        font-size:  20px ;
        box-shadow: 0px 15px 20px rgba(231, 22, 65, 0.74);
    }

    .m{
        color : rgba(255, 72, 99, 0.44);
    }
    .c{
        color : rgba(16, 99, 231, 0.46);
    }

    .a{
        color : rgba(34, 172, 17, 0.5);
    }
    .r{
        color : rgba(231, 0, 3, 0.64);
    }





</style>
</html>

Probleme dans parcourire

3 réponses

EDIT : Ajout des balises de code

Votre réponse