JQuery UI Onglets personnalisés nécessitant un espace horizontal

Question

Les onglets JQuery UI sont empilés à gauche et ne remplissent pas l'espace horizontal.

Peut-être est trop demander, mais voilà:

Tenir compte le balisage suivant

<table width="100%"> 
    <tr> 
    <td> 
     ...content... 
    </td> 
    <td> 
     ...content... 
    </td> 
    <td> 
     ...content... 
    </td> 
    </tr> 
</table> 

par les cellules de table par défaut développer pour adapter l'espace horizontal disponible. Donc, si les onglets étaient conçus comme des cellules de table, ce serait fluide.

Questions:

1. Est-ce comportement possible en utilisant DIVS? Est-ce possible en utilisant les onglets de l'interface utilisateur de JQuery?

Cordialement, Serendipity

Answer 1

Oui, vous pouvez, en utilisant CSS:

.ui-tabs-nav { 
    display: table; 
    width: 100%; 
} 

.ui-tabs-nav li { 
    float: none; 
    display: table-cell; 
}