2010-09-03 6 views
0

J'ai juste besoin de montrer ma table html simple dans laquelle il montre seulement des lignes de lignes et cacher des colonnes, de sorte que l'autre personne le voit, pense comme une table avec une colonne, mais en fait il a plusieurs colonnes ... Je ne peux pas utiliser colspan, comme je l'ai besoin de colonnes que lui-même ...Tableau montrant le format

S'il vous plaît aider merci ..

+0

Une table qui affiche une colonne mais a plusieurs colonnes? Votre question est très floue - lisez-la, pensez si quelqu'un qui ne connaît pas le contexte peut le comprendre et le réécrire afin que les autres puissent le comprendre. – Oded

Répondre

0

Utilisez le style CSS pour votre table:

td { 
    border-bottom: 1px; 
    border-top: 1px; /* optional, you will have to play with the formatting */ 
    border-left: none; 
    border-right: none; 
} 

Cela donnera une bordure supérieure et inférieure à chaque cellule de données, ce qui devrait faire ce que vous en avez besoin. Jouez un peu avec le formatage pour vous assurer de bien le faire.

1

Mettez la frontière hors de votre: <table border="0" class="thisTable">, et lui donner une classe comme l'exemple . Ensuite, ajoutez les lignes suivantes à votre CSS:

table.thisTable { 
border-bottom:1px #000 solid; 
// edit: 
border-spacing:none; // you need this to take away spacing you still see 
border-collapse:collapse; // you need this to take away spacing you still see 
} 

table.thisTable td { 
border-top:1px #000 solid; 
} 

Cela ajoutera une bordure en haut pour chaque td et mettre fin à la table avec une bordure inférieure.

Espérons que cela aide.

// edit:

Ajouter une classe à la première et dernière <td> de chaque <tr> et définissez les paramètres suivants dans votre CSS ainsi:

table.thisTable td.first { 
border-left:1px #000 solid; 
} 

table.thisTable td.last { 
border-right:1px #000 solid; 
} 

Ce arrondit les bords bien délimités le long de la bords de la table.

+0

Bonne réponse. Beaucoup plus élégant que ma propre solution. –

+0

cela est proche de ma solution requise, mais j'ai encore besoin de plus de conseils de vous concernant, depuis que j'utilise la couleur d'abckground, son montrant encore quelques colonnes-ombre ou des marques sur la ligne de la colonne. Je dois enlever cela. merci – soorajthomas

+0

Sooraj, j'ai corrigé ma réponse pour fixer l'espacement entre les colonnes. Voir au dessus. –