2016-06-10 1 views
0

Трудно мне объяснить мою проблему, но я постараюсь,HTML/CSS/Таблицы границ деформируются, когда показать/скрыть

  1. Объяснения

    Я сделать динамические веб с angularjs и JQuery; то у меня массив многомерный больше, загружается около 100 записей, и я показываю его с помощью таблицы; у каждой записи есть скрытая информация и кнопка (для запуска скрытой/показательной функции), эта информация должна появляться, когда пользователь делает нажатие кнопки, все работает нормально, проблема в том, когда я показываю скрытую строку, столбцы ниже деформируются с помощью Google хром, но если я использую Firefox, все отлично работает, также я отмечаю, что когда я использую инструменты разработчика google и отмечаю/снимаю отметку с какого-либо фона, это исправление, поэтому я думаю, что это ошибка браузера, которая не обновляет представление по мере необходимости.

  2. Pics

    Вот список в обычный режим просмотра

    enter image description here

    и здесь, когда 1 скрытый ряд показан

    enter image description here

    enter image description here

  3. КОД

    Я думаю, что это не имеет значение место код, потому что я стараюсь удаление AngularJS и только с помощью JQuery

    Тем не менее, я подготовил пример вроде как произведение моего приложения HERE IS THE PLNKR

I надеюсь, что вы можете мне помочь

+0

Я открываю свой plunker на хроме и работ fine ... –

+0

, что plunker является лишь примером используемой структуры и функций, в производстве много данных, много кладов и имеют эти ошибки – marjes

ответ

0

Я решил свою проблему, я проверил, что цвет фона первого столбца всегда оставался фиксированным, поэтому я подумал, что это проблема позиции, глядя на свойство этого класса (колонка 1), я видел, появился position: relative, помимо того, что многие свойства top bottom с опцией! важные

инвалидизирующих все эти варианты я исправить ошибку