好的CSS表主题工具?

时间:2011-07-16 03:31:57

标签: html css css-tables

自从我设计一张桌子以来已经有很长一段时间了。我有三个不同的表格,我需要使用相同的基本颜色等,但都是不同的形状/尺寸。

我想知道是否有人知道一个好的库或工具用于从JSON或其他东西生成漂亮的html / css表(你向JS或PHP提供数据结构,JSON或数组,并且它会吐出一个HTML / CSS表)?是的,我将它们用于表格数据(它们是定价表)。或者,如果有一个很好的非表格驱动的替代方案来显示表格数据,我全都耳朵......

以下是表格背景部分的示例。每个表将具有不同的静态“突出显示”列(或根本没有);这不是悬停效果,只是一个叫出的列。

enter image description here

3 个答案:

答案 0 :(得分:7)

这是另一个尝试:http://jsfiddle.net/wwntH/4/

enter image description here

答案 1 :(得分:1)

这是我的尝试 http://jsfiddle.net/WsheP/ enter image description here

/* 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;
 } 

或者查看this plugin以了解悬停时的列高亮显示。

注意:您需要在th添加纹理以匹配您的纹理,并根据您的需要调整渐变。

答案 2 :(得分:0)

哇,真的很漂亮。你可以用一点css3来获得你所拥有的基本外观。查看css3渐变,阴影和圆角。我认为你唯一能做的就是让这一行略高于表格的其他部分。