2013-01-14 6 views
8

Mam stół ex.Obyczaje związane z tabelą - Czy muszę być konsekwentny?

<table> 

<tr> 
    <td>apple</td> 
    <td>big</td> 
</tr> 

<tr> 
    <td>pickle</td> 
    <td>small</td> 
</tr> 

</table> 

po wymyślnej jQuery ...

<table> 

<tr> 
    <td>apple</td> 
    <td>big</td> 
    <td>10kg ------ Is this nice to do, any potential issues?</td> 
</tr> 

<tr> 
    <td>pickle</td> 
    <td>small</td> 
</tr> 

</table> 

Just for Fun: http://jsfiddle.net/Czcby/

+4

+1 za nazwę pytania. – Oren

+0

Toda Oren, przyjemny początek tego poniedziałkowego poranka! – Pinch

+1

Czy pikle nie mają żadnej masy? – BoltClock

Odpowiedz

4

Otrzymasz trzy komórki w pierwszym rzędzie i dwa w drugim rzędzie.

Nie będzie to normalnie wyświetlane, ale jeśli stylizacja ma marginesy/obramowanie/dopełnienie w komórkach tabeli, może wpłynąć na wyświetlanie i układ tabeli.

+1

"może wpłynąć na wyświetlanie i układ tabeli" To dlatego, że puste dodatkowe "td", o którym mówisz, nie istnieje. – BoltClock

+1

@BoltClock - True. – Oded

+0

http://jsfiddle.net/Czcby/ Wydaje się również wyświetlać ok tutaj również – Pinch

2

Nie ma problemu, aby to zrobić, jednak użytkownik może napotkać pewne problemy formatowania jak tam będzie teraz 3 td w pierwszym rzędzie i drugim w drugim rzędzie.

1

użyj colspan = "2", gdy td używa 2 kolumn.

+0

Już miał odpowiedzieć używając colspan. Dodaj trochę kodu do swojej odpowiedzi! :) – caiosm1005

3

Krótka odpowiedź, dla mnie, brzmi tak, tak.

Bardziej szczegółowa odpowiedź brzmi: nie ściśle potrzebę być spójne, ale na pewno pomaga, jeśli chcesz, aby Twój stół do wyglądać spójne różnych przeglądarkach. Nie wspominając już o tym, że bycie niespójnym teraz, nawet jeśli nie wydaje się, że powoduje obecnie problemy, będzie miało większy wpływ, jeśli chcesz zrobić więcej dla swojego stołu, jego stylu lub danych w nim zawartych.

Jeśli sprawdzeniu this JSFiddle w różnych przeglądarkach, można zobaczyć różne zachowania:

  • Chrome i IE8: Render tabelę jako posiadające dodatkowe komórki, które wystają z dwóch zwykłych komórek.
  • Firefox: skutecznie wygląda tak, jakby miał dodatkowe puste komórki w trzeciej kolumnie .

Wyobraź sobie komplikacje, jeśli chodzi o stylizację w różnych sytuacjach, w miarę wzrostu stołu.

Prawdopodobnie właściwość colspan pozwala obejść ten problem. Myślę, że colspan jest dość brzydki; tabele powinny być przedstawione tak, aby można było spojrzeć na nagłówek kolumny i przewinąć go w dół, aby zobaczyć informacje dotyczące tego nagłówka. Posiadanie innych danych sięgających do kolumny jest rozproszeniem. Ale to zależy dokładnie od tego, co próbujesz zrobić.

Pomijając kwestie związane z projektowaniem i informacją, użytkownik może nie mieć możliwości sprawdzenia, ile komórek trafia do każdego wiersza. Lepiej mieć spójną liczbę w każdym wierszu, aby można było szybko i łatwo sprawdzić, czy potrzebujesz czegoś innego z tabelą lub danymi w niej zawartymi. Przydatny do debugowania.

Mam nadzieję, że to pomoże.

+0

+1 dzięki za odpowiedź! – Pinch