В том-то и дело, что требовать тут не надо ни решение, ни направление. Человек потратил своё время, а вы ему вместо спасибо или уточняющих вопросов, выкатили ТЗ.
Конечно, нет. Как вы на CSS превратите одну таблицу в две с абсолютно другой структурой? Можно на JS собирать её на клиенте, но приницпиально это мало отличается от рендеринга отдельной версии на бэкенде.
Амир, ну, во-первых, уберите из селекторов классы, оставьте только атрибуты. Во-вторых, с полученными значениями вы можете делать что хотите, модифицировав пример из ответа. Заодно можете и от jQuery избавиться. А тех. задания выполняют на https://freelance.habr.com.
Dmtm, были, конечно. Поэтому тут автору никто и не говорит "пиши тесты на всё и молчи в тряпочку". Поиск баланса, когда тесты приносят больше пользы, чем вреда - тонкое искусство, требующее опыта. И обычно это качели - сначала разработчик ничего не пишет, потом пишет тесты на всё, потом находит адекватное для своих условий соотношение.