Прокрутка вложенных таблиц HTML - PullRequest
0 голосов
/ 07 марта 2011

Как я могу сделать таблицу с прокручиваемыми вложенными таблицами, если задана максимальная высота? Я не хочу, чтобы thead прокручивал это. Что я действительно ищу, так это какой-нибудь допустимый тег, в который я могу обернуть свои s, или некоторую другую разметку, которая будет работать так же хорошо, как и это:

    <table>
    <thead>
        <tr>
            <th>Column1</th>
            <th>Column2</th>
        </tr>
    </thead>
    <!-- Insert valid tag here to wrap <tbody>s -->
    <tbody>
        <tr>
            <td>Val1</td>
            <td>Val2</td>
        </tr>
        <tr class="sub-table">
            <td colspan="2">
                <table>
                    <thead>
                        <tr>
                            <th>Sub Column1</th>
                            <th>Sub Column2</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Sub Val1</td>
                            <td>Sub Val2</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <td>Val1</td>
            <td>Val2</td>
        </tr>
        <tr class="sub-table">
            <td colspan="2">
                <table>
                    <thead>
                        <tr>
                            <th>Sub Column1</th>
                            <th>Sub Column2</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Sub Val1</td>
                            <td>Sub Val2</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
    <!-- Insert valid close tag here -->
</table>

1 Ответ

0 голосов
/ 07 марта 2011

Если я правильно понимаю ваш вопрос, возможно, попробуйте что-то вроде этого: http://jsfiddle.net/pPuXL/1/

Вам нужно отобразить элементы TBODY как «блок» или «встроенный блок», чтобы переполнение работало с ним, как в примере CSS, который я опубликовал.

...