nombre de colonnes d'un tableau

**boboss123** · 16/12/2010, 09h02

bonjour,

Comment fait-on pour connaitre le nombre de colonnes d'un tableau pour une ligne donnée ?

merci d'avance,

**SpaceFrog** · 16/12/2010, 09h11

avec ou sans colspan ?

si c'est sans

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById('montableau').getElementsByTagName('tr')[0].getElementsByTagname('td').length

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('montableau').cols.length

**boboss123** · 16/12/2010, 10h32

ok, merci c'est parfait

**Kalas22** · 24/05/2011, 09h53

Moi je suis sur le meme problème, j'ai essayé tes deux lignes mais sa marche pas =(

En fait je suis dans ma fonction readData pour faire de l'ajax, il faut que je supprime toutes les colonnes sauf la première, et j'ai besoin de connaitre le nombre de colonnes !

**SpaceFrog** · 24/05/2011, 10h52

ben non tu b'as pas besoin de connaitre le nombre de colonnes ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

eq(0)

te retourne le premier element
fais un each sur les tr pour faire un remove du td eq(0)

**Kalas22** · 24/05/2011, 10h57

Je ne vois pas très bien ce que tu veux dire.. pourrais tu me citer un exemple??

**SpaceFrog** · 24/05/2011, 11h45

heu en jquery .eq(0) ...
fais un minimum de recherche quand même

**Kalas22** · 24/05/2011, 14h23

Justement j'ai fait des recherches mais je ne comprend pas très bien

**SpaceFrog** · 24/05/2011, 17h06

Va falloir prendre des cours de recherche

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<script type='text/javascript'>
$(function(){
var i=-1
var max= $('tr').length
while(++i < max){
var j=-1
$('tr').eq(i).children('td').each(function(){$(this).html('colonne '+ ++j )})
}
})		
</script>
</head>
 
<body>
<table border="1" width="100%">
  <tr>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
  </tr>
  <tr>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
  </tr>
  <tr>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
  </tr>
  <tr>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
  </tr>
  <tr>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
  </tr>
  <tr>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
  </tr>
  <tr>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
  </tr>
  <tr>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
  </tr>
  <tr>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
  </tr>
  <tr>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
    <td  >&nbsp;</td>
  </tr>
</table>
</body
</html>

autre solution, un test sur l'index ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<script type='text/javascript'>
$(function(){
$('td').each( function(){ $(this).html( 'colonne ' +$(this).index()) })
})		
</script>

ou encore

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 nth-child()

la numération commençant alors à 1

nombre de colonnes d'un tableau

jQuery

Discussions similaires

Partager

Partager