2015-06-09 3 views
2

Я добавил таблицу внутри таблицы.Таблица внутри таблицы

enter image description here

<tr> 
    <td colspan="10"> 
     <table border="2" cellpadding="1" cellspacing="1"> 
      <tr> 
       <td>col1 </td> 
       <td>col2</td> 
      </tr> 
      <tr > 
       <td >TEST </td> 
       <td >33444</td> 
      </tr> 
      <tr > 
      <td >TEST</td> 
      <td >9900</td> 
      </tr> 
     </table> 
    </td> 
</tr> 

Но я хочу "TEST" значения под col1 и числовые значения по col2. В настоящее время все значения показаны под col1.

Edit - Фактический код

<tr> 
    <td colspan="10"> 
     <table class='<%= "table"+count%>' style="display:none" border="2" cellpadding="1" cellspacing="1"> 
      <tr> 
       <td>col1 </td> 
       <td>col2</td> 
      </tr> 

      <nested:iterate property="equipC" id="equipmentFormBean" indexId="ffIndex" > 
      <tr class='<%= "table"+count%> dataOff' style="display:none"> 
      <td align="right" ><nested:write property="equipInitial" /> </td> 
      <td ><nested:write property="equipNum" /> </td> 

      </tr> 
      </nested:iterate> 
     </table> 
    </td> 
</tr> 

Как это сделать?

+3

Там должно быть что-то не в порядке с движком рендеринга. http://jsfiddle.net/58t5pqga/ – Amberlamps

+0

Это может быть проблемой. В коде также есть вложенные итерации. Я исключил их, чтобы сделать вопрос более ясным. –

+0

Ваш вложенный '' имеет 'display: none'. Как-то вы должны изменить это, чтобы отображать строки. Я подозреваю, что это ваша проблема. На что вы меняете настройку отображения? – Alohci

ответ

0

enter image description here

Использование Google хром ... Ваш HTML код right.On мой PC я вижу значения в COL2.

0

Use Forgot to use table heading heading tag "th" 
 

 

 
<tr> 
 
     <td colspan="10"> 
 
      <table border="2" cellpadding="1" cellspacing="1"> 
 
       <tr> 
 
        <th>col1 </th> 
 
        <th>col2</th> 
 
       </tr> 
 
       <tr > 
 
        <td >TEST </td> 
 
        <td >33444</td> 
 
       </tr> 
 
       <tr > 
 
       <td >TEST</td> 
 
       <td >9900</td> 
 
       </tr> 
 
      </table> 
 
     </td> 
 
    </tr>

0

Ваш HTML-код является правильным. С предоставленным вами html он правильно отобразил таблицы. Вы можете увидеть, пожалуйста, его здесь @ FIDDLE - http://jsfiddle.net/BRxKX/4986/

Проблема может быть с динамической генерации таблиц и в основном вокруг COLSPAN если вообще его используют в динамическом коде.

Вот код, который я тестировал (вы можете увидеть это в - http://jsfiddle.net/BRxKX/4986/)

<html> 
<head> 

</head> 
<body> 
<table> 
<tr> 
    <td colspan="10"> 
     <table border="2" cellpadding="1" cellspacing="1"> 
      <tr> 
       <td>col1 </td> 
       <td>col2</td> 
      </tr> 
      <tr > 
       <td >TEST </td> 
       <td >33444</td> 
      </tr> 
      <tr > 
      <td >TEST</td> 
      <td >9900</td> 
      </tr> 
     </table> 
    </td> 
</tr> 
</table> 
</body> 
</html> 
Смежные вопросы