add custom styles to yui datatable

Март 16, 2010

If you want to change styles of yui components — it’s easy. All you need is to make some overriding in your css files. My example looks like this:
datatable

As you can see, I don’t want most borders and gradient backgrounds. This is done via the following style overriding:

.yui-skin-sam .yui-dt th
{
	border-right: 0px solid;
}

.yui-skin-sam .yui-dt td
{
	border-right: 0px;
}

.yui-skin-sam .yui-dt table
{
	border: 0px solid;
}

.yui-skin-sam .yui-dt th
{
	background:#FFFFFF;
}

To find what style I need to override I use FF’s firebug. More about skinning datatable you can find here

  • datatable

posted in Web by dmitko

 
Powered by Wordpress and MySQL. Theme by Shlomi Noach, openark.org