Comment faire pour avoir un tableau html divisée en deux sections, l'un à côté?

Je veux avoir un tableau qui affiche la moitié des lignes, puis les emballer et de les afficher à l'autre moitié de la lignes de côté à l'horizontale au lieu d'avoir un long tableau vertical.

Je suis en utilisant angulaire et que vous voulez être en mesure de lier un tableau de données d'une table, mais il ont durée de deux sections à l'horizontale comme décrit. Deux tables est une option, mais cela signifie que je vais devoir ajouter beaucoup plus logique que je préfère éviter si possible. c'est à dire Pour le tri Id d'entrer dans les ensembles de données de retour ensemble et de les trier avant de les diviser à nouveau.

Tous les pointeurs apprécié.

Savez-vous combien de colonnes que vous aurez? Si oui, vous pouvez ajouter une classe pour chaque nième de la cellule et de changer de style de la façon dont elle regarde comme il y a un espace entre les deux. frontière, bgs, et ainsi de suite. EDIT: le problème est peut-être la façon dont vous ajoutez des données dans la table à découper.

OriginalL'auteur JMac | 2014-01-08

  1. 16

    Vous pouvez essayer de jouer avec CSS3 multi-colonne dispositions. Généralement, ceci ne s'applique pas aux tables (et il ne fonctionne pas directement avec tables), mais si vous placez votre tableau dans un DIV conteneur avec un style comme 

    #container {
    column-count:2;
    -moz-column-count:2;
    -webkit-column-count:2;
}

    Il est peut-être ce dont vous avez besoin.

    Démo: http://jsfiddle.net/J3VB5/

    Mise à jour: le ci-dessus ne semble fonctionner que dans les navigateurs WebKit (Chrome, Opera, Safari). FF/IE peut nécessiter une approche différente.

    Par exemple, vous pouvez utiliser Colonnisseur plugin jQuery

    Démo 2: http://jsfiddle.net/J3VB5/1/

    Le colonnisseur plugin qui a l'air parfaite! Merci.
    Mec. Je n'avais aucune idée que vous pourriez fractionner un tableau à l'aide de la colonne compter sur le DIV parent. C'est chaud, merci. Doit absolument être à l'écoute pour une meilleure réactivité (chute de sous x pixels, etc)
    Comment puis-je afficher des en-têtes sur les deux parties? si j'ajoute un en-tête, il serait affiché sur la première partie

    OriginalL'auteur Yuriy Galanter