Андрей Прозоров

если не нужно делать никакиз сводных отчетов даже в перспективе, то в принципе без разницы. только не уодбно пользоваться множеством таблиц. нужно написать дополнительный слой для того чтобы ими управляться. если предпологаються какие то сводные отчеты (по нескольким сайтам сразу) то однозначно в одной табличке

зачем функции DrawTableNames и DrawTableSites? где они используюсться? что попадает в циклы for($i=0;$i < numrows;$i++)? может там 1 000 000 000 000 строк?

следующий момент USING(item) item надо пологать есть в обех таблицах. проверьте одинкового ли он типа и размера в обеиз таблицах которые джойните.

и да таблицы диких размеров сторяться исключительно долго. есть вариант как это дело ускорить но незначительно. передавать данные в json. JS на стороне пользователя кушает его и строка за строкой асинзронно формирует табличку в миллиард строк. можно еще отложенную загрузку присобачить с LIMIT тогда все точно будет быстро работать.

1)
флексбокс c выравниванием контента
2)
height: 100px;
line-heigth:100px;
vertical-align: middle;

первый способ менее кроссбраузерный. второй работает везде но вы привязаны к пикселям (высота должна быть чекто задана )

" при изменении какого-то цвета элемента или убирании background меняется у обоих" - переопределять свойства через классу бустрап по меньшей мере не корректно. навесьте свои классы и делайте с ними что хотите