Click here to Skip to main content
14,603,943 members

How can I do a responsive table with 13 th

Member 13926859 asked:

Open original thread
i want to do a responsive table that works in phone and i don t know how to do it
the table has 13 th

What I have tried:

<div class="row">
    <div class="col-md-6">
        <button routerLink="/addclient" type="button" class="btn btn-danger
            mr-4 mb-3
            mb-sm-0"> Nouveau
            Client Pro</button>


        <div class="task-search d-inline-block mb-3 mb-sm-0
            mr-sm-3">
            <form>
                <div class="input-group">
                    <input type="text" class="form-control search-input"
                        placeholder="Search..." />
                    <span class="uil uil-search icon-search"></span>
                    <div class="input-group-append">
                        <button class="btn btn-soft-primary" type="button">
                            
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>


</div>
<br>

<div class="card">
    <div class="card-body">

        <div class="container">
            <br />
            <h3 class="card-title">Liste des clients Professionelle</h3>


        </div>


        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Entreprise</th>
                    <th>Adresse</th>
                    <th>Tel</th>
                    <th>Ville</th>
                    <th>Site Web</th>
                    <th>Cecteur d'activite</th>
                    <th>RC</th>
                    <th>TP</th>
                    <th>ICE</th>
                    <th>Email</th>
                    <th>Mot de passe</th>
                    <th></th>
                </tr>

            </thead>
            <tbody>
                <tr>
                    <td>jj</td>
                    <td>pojrvnb</td>
                    <td>pojrvnb</td>
                    <td>pojrvnb</td>
                    <td>pojrvnb</td>
                    <td>pojrvnb</td>
                    <td>pojrvnb</td>
                    <td>pojrvnb</td>
                    <td>pojrvnb</td>
                    <td>pojrvnb</td>
                    <td>pojrvnb</td>


                    <td class="text-right">

                        <a href="" class="btn btn-info">
                            
                        </a>

                        <a href="" class="btn btn-warning">
                            
                        </a>

                    </td>
                </tr>

            </tbody>
        </table>


    </div>
</div>
Tags: HTML (HTML5), CSS3, bootstrap, responsive

Preview



When answering a question please:
  1. Read the question carefully.
  2. Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
  3. If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
  4. Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.
Let's work to help developers, not make them feel stupid.
Please note that all posts will be submitted under the The Code Project Open License (CPOL).




CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100