Хороший инструмент для создания тем в CSS?

Question

Прошло много времени с тех пор, как я разработал таблицу. У меня есть три разных стола, которые мне нужно оформить, чтобы все они использовали одни и те же базовые цвета и т. Д., Но все они разных форм / размеров.

Мне интересно, знает ли кто-нибудь хорошую библиотеку или инструмент для создания хороших таблиц html / css из JSON или чего-то еще (вы передаете JS или PHP структуру данных, JSON или Arrays, и она выплевывает таблицу HTML / CSS )? Да, я использую их для табличных данных (они являются оценочными листами). Или, если есть хорошая альтернатива для отображения табличных данных, не основанная на таблицах, я весь в ушах ...

Вот пример того, как будет выглядеть фоновая часть таблицы. В каждой таблице будет свой статически «выделенный» столбец (или его вообще не будет); это не эффект парения, а только вызванный столбец.

Answer 1

Вот еще одна попытка: http://jsfiddle.net/wwntH/4/

Answer 2

Это моя попытка http://jsfiddle.net/WsheP/

/* you may play with this in javascript to achieve your hover highlight */
table td:nth-child(2) {
   background-color: #f5772e;
   border-left: 2px solid #888;
   border-right: 2px solid #888;
 } 

ИЛИ посмотрите на этот плагин для выделения столбца при наведении курсора.

Примечания: вам нужно добавить текстуру к th, чтобы она соответствовала вашей, и подгонять градиенты к вашим потребностям.

Answer 3

Вау, это действительно красиво. Вы можете получить базовый взгляд на то, что у вас есть, с помощью небольшого css3. Посмотрите на градиенты CSS3, тени и закругленные углы. Единственное, что я не думаю, что вы сможете сделать, - это на одну строку немного выше и ниже, чем остальная часть таблицы.