#1 2016-10-12 22:58:54

Souleymane
Member
Registered: 2016-10-12
Posts: 6

Table is not scaling well in HTML control

Hello David

I have a problem with table in HTML control! (it is not scaling well) you can see it in this picture:

table.jpg

Here the code i'm using:

<div class="table-responsive">
<table class="table table-bordered table-hover table-condensed table-striped retour">
<tbody><tr><th>Français</th>
<th>Tunisien</th>
</tr>
<tr><td>amour</td>
<td>hob</td>
</tr>
<tr><td>Amoureux</td>
<td>i7ib</td>
</tr>
<tr><td>bisou</td>
<td>boussa</td>
</tr>
<tr><td>bisous</td>
<td>bousset</td>
</tr>
<tr><td>Chaque étoile qui s&#39;allumera dans le ciel sera un baiser pour toi</td>
<td>koul nejma li techrel fi sma boussa lik</td>
</tr>
<tr><td>chéri</td>
<td>azizi / Habibi</td>
</tr>
<tr><td>chérie</td>
<td>aziziti / Habibti</td>
</tr>
<tr><td>Donne moi ta main</td>
<td>a3tini yiddik / het yiddik</td>
</tr>
<tr><td>donne moi un bisou!</td>
<td>a3tini boussa</td>
</tr>
<tr><td>drague</td>
<td>tbeznis</td>
</tr>
<tr><td>fée</td>
<td>houria</td>
</tr>
<tr><td>ils se marient</td>
<td>y3arrsou</td>
</tr>
<tr><td>je pense toujours à toi</td>
<td>ena dima in5ammim fik</td>
</tr>
<tr><td>je suis fou de toi</td>
<td>mahboul bik</td>
</tr>
<tr><td>je t&#39;adore</td>
<td>na3ch9ik</td>
</tr>
<tr><td>je t&#39;aime à l&#39;infini</td>
<td>N7bek ala toul</td>
</tr>
<tr><td>je veux t&#39;embrasser</td>
<td>n7eb nboussik</td>
</tr>
<tr><td>mariage</td>
<td>3irs</td>
</tr>
<tr><td>nous nous marions</td>
<td>n3arrsou</td>
</tr>
<tr><td>parfaite</td>
<td>mammou / foundou</td>
</tr>
<tr><td>Prends moi dans tes bras</td>
<td>o7dhonni bin idik / 3ana9ni</td>
</tr>
<tr><td>tu comptes beaucoup pour moi</td>
<td>en3izek barcha</td>
</tr>
<tr><td>tu es l&#39;amour de ma vie</td>
<td>inti hobb hayati</td>
</tr>
<tr><td>Tu es la prunelle de mes yeux</td>
<td>Ya mamou 3ineya</td>
</tr>
<tr><td>tu es mon chouchou</td>
<td>enbachbach bik</td>
</tr>
<tr><td>Tu es toujours dans mes pensées</td>
<td>Inti dima fi bali</td>
</tr>
<tr><td>tu m&#39;épouses</td>
<td>t3ares beya</td>
</tr>
<tr><td>tu me manques</td>
<td>twahachtek</td>
</tr>
<tr><td>Veux-tu m&#39;épouser?</td>
<td>t7eb t3ares beya?</td>
</tr>
<tr><td>Viens dans mes bras</td>
<td>ija bin idayya</td>
</tr>
<tr><td>Viens me faire un calin</td>
<td>ija iddahnis a3liya</td>
</tr>
</tbody></table>
</div>

Offline

#2 2016-10-12 23:04:03

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,661
Website

Re: Table is not scaling well in HTML control

Hello Souleymane,

Try to remove the "table-responsive" container, or just remove the "table-responsive" class from the DIV.

Offline

#3 2016-10-12 23:13:01

Souleymane
Member
Registered: 2016-10-12
Posts: 6

Re: Table is not scaling well in HTML control

Thank you very much! the problem was the class "table-responsive". You are such a genius ^^

Have a peace night !

Offline

#4 2016-10-12 23:15:03

David
Admin
From: Alcobendas, Madrid, Spain
Registered: 2015-04-21
Posts: 1,661
Website

Re: Table is not scaling well in HTML control

Hello Souleymane,

In fact the "table-responsive" can be good in certain scenarios. Just remember you can identify the DIV by an "id" attribute and then use actions like "AddClass" in order to add CSS classes and/or "RemoveClass" to remove CSS classes to the identifier DIV.

Offline

Board footer

Powered by FluxBB


Copyright ©2018 DecSoft. All rights reserved.