CSS: Реализация прокрутки с фиксированным заголовком в таблице, содержащей несколько тегов <tbody>?

Question

CSS: Реализация прокрутки с фиксированным заголовком в таблице, содержащей несколько тегов <tbody>?

0

Это структура таблицы, которая у меня есть:

                <table>
                        <thead >
                            <tr>
                                <th >Header 1</th>
                                <th >Header 1</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Cell</td>
                                <td>Cell</td>
                            </tr>
                        </tbody>
                            <tbody>
                            <tr>
                                <td>Cell</td>
                                <td>Cell</td>
                            </tr>
                        </tbody>
                </table>

У меня есть несколько тегов тэгов для поддержки вложенной структуры ng-repeat с натянутыми строками, поэтому неизбежно иметь теги tbody. Тем не менее, я теперь не могу поместить эти теги тэга в действительный контейнер и установить переполнение-y как автоматический ввод, чтобы ввести полосу прокрутки только для данных таблицы и не включать thead (headers)

Помощь будет оценена!

lostalien 05 нояб. 2015, в 21:22

Источник

0

сделайте ваши заголовки фиксированными сверху или закрепите их с помощью двух разных таблиц: первая с заголовками, вторая с данными
Andrew Evt 05 нояб. 2015, в 19:35
0

Две таблицы - самое простое решение, но существует огромная проблема выравнивания ширины столбцов между двумя таблицами.
lostalien 05 нояб. 2015, в 20:03

Теги:

javascript

html

angularjs

css

1 ответ

Ещё вопросы

сделайте ваши заголовки фиксированными сверху или закрепите их с помощью двух разных таблиц: первая с заголовками, вторая с данными
Две таблицы - самое простое решение, но существует огромная проблема выравнивания ширины столбцов между двумя таблицами.

Deepak Sharma · Accepted Answer · 2016-01-29T06-32-00.000Z

Первое, что нужно рассмотреть из нескольких тел. вы можете выполнять свою задачу без использования нескольких тел, поскольку это не очень хороший подход.

Кроме того, вы можете использовать Table FloadHead. Вероятно, это поможет в исправлении заголовков.