Хотелось бы чтобы в неочевидных ситуациях они принимали какое-то определенное решение. Может быть не подходящее в какой-то конкретный момент, но определенное.
Обратите внимание, что заголовок у левого столбца — «Канал» и по нему можно сортировать, при этом логотипы могут быть разной ширины. Я решил проблему, вложив таблицу с собственно данными в белую нижнюю строку. Однако это полумера и идеальным решением назвать это нельзя, посколько мы потеряем колоночную связь между отдельными строками данных.
Топик, напомню, не про конкретное решение моей проблемы, а про то, как браузеры ведут себя в неочевидных ситуациях.
Логичнее, однако не понятно, почему бы не минимизировать ширину таблицы, если для этого есть возможность.
Если задать ячейкам ширину, то рендеринг в Safari и FF становится идентичным. Но тем не менее, ячейка с текстом test будет явно не 1% ширины. Сможете объяснить логику?
Есть еще один момент: часто если таблица растянута (ширина в %), то для минимизации ширины ячейки указывают ширину в 1%. При использовании table-layout: fixed это приведет, очевидно, к «переполнению» ячейки.
Но и ваше решение удаляет колоночную связь между отдельными группами (группа — это серая полоса), мое — между строками данных в группах.
Топик, напомню, не про конкретное решение моей проблемы, а про то, как браузеры ведут себя в неочевидных ситуациях.
На скриншоте кусок таблицы с данными.
Если задать ячейкам ширину, то рендеринг в Safari и FF становится идентичным. Но тем не менее, ячейка с текстом test будет явно не 1% ширины. Сможете объяснить логику?