Excellent HTML table helper

If your application requires to display a lot of data from the DB, then I suggest you take a look at this nice, little HTML table helper: http://cakeforge.org/snippet/detail.php?type=snippet&id=162

Basically it will allow you to pass a data array from the find method and it will construct an HTML table with just a few lines of code.

Be sure to take a look at the source code for a complete usage example.

One issue that I’ve come across is that it’s not easy to setup conditional links. Meaning, to be able to display “Activate” or “Deactivate” depending on your current User status in the DB, for example. I will probably add a modification for this feature in the next few days.

Oh and here’s some CSS that will produce pretty nice looking tables:

[sourcecode language=’css’]
table
{
border-collapse: collapse;
}

th {
font-weight: bold;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #6D929B;
border-left: 1px solid #F5FAFA;
border-top: 1px solid #F5FAFA;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 5px 12px 5px 5px;
background: #CAE8EA;
}

td {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
border: 1px solid #C1DAD7;
background: #fff;
padding: 3px 12px 3px 3px;

}

tr.altRow td {
background: #F5FAFA;
color: #000;
}
[/cc]

Related Posts

%d bloggers like this: