<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Sentido Web &#187; javascript tables</title>
	<atom:link href="http://sentidoweb.com/tag/javascript-tables/feed" rel="self" type="application/rss+xml" />
	<link>http://sentidoweb.com</link>
	<description>Desarrollo web, HTML, CSS, Javascript, PHP, MySQL</description>
	<lastBuildDate>Mon, 16 Jan 2012 10:16:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Resaltar filas en tablas mediante Javascript</title>
		<link>http://sentidoweb.com/2006/03/30/resaltar-filas-en-tablas-mediante-javascript.php</link>
		<comments>http://sentidoweb.com/2006/03/30/resaltar-filas-en-tablas-mediante-javascript.php#comments</comments>
		<pubDate>Fri, 31 Mar 2006 02:05:05 +0000</pubDate>
		<dc:creator>displaynone</dc:creator>
				<category><![CDATA[How to]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[javascript alternate rows]]></category>
		<category><![CDATA[javascript filas alternas]]></category>
		<category><![CDATA[javascript tables]]></category>

		<guid isPermaLink="false">http://sentidoweb.com/2006/03/30/resaltar-filas-en-tablas-mediante-javascript.php</guid>
		<description><![CDATA[A la hora de mostrar tablas, un modo de presentación muy recomendable es resaltar las filas alternas como por ejemplo hace la lista de actualizaciones de Bitacoras.com consiguiendo así una mayor facilidad a la hora de leer los datos. Para ello, se suelen usar un estilo para las filas pares. tr.par { background: [color]; } [...]]]></description>
			<content:encoded><![CDATA[<p>A la hora de mostrar tablas, un modo de presentación muy recomendable es resaltar las filas alternas como por ejemplo hace la lista de actualizaciones de <a href="http://bitacoras.com">Bitacoras.com</a> consiguiendo así una mayor facilidad a la hora de leer los datos. Para ello, se suelen usar un estilo para las filas pares.</p>

<span id="more-64"></span>
<pre class="code_no"><code>tr.par {
background: <em>[color]</em>;
}</code></pre>
<pre class="code_no"><code>...
&lt;tr class="par"&gt;
...
&lt;/tr&gt;
...</code></pre>
<p>Si la tabla se genera de forma dinámica, ya sea mediante Javascript o con PHP, JSP, &#8230; esto puede ser una acción bastante sencilla, tan solo tendremos que mirar en el bucle si el contador es par y colocar el <em>class=&#8221;par&#8221;</em>. Pero si la tabla es estática, puede suponer un trabajo un poco pesado, ir buscando todos los <em>&lt;tr&gt;</em> y escribir la clase. Siguiendo la Ley del Mínimo Esfuerzo, escribiremos la tabla sin modificar y luego ejecutaremos un script que modifique las filas pares automáticamente.</p>
<pre><code>  function transformar() {
var tablas = document.getElementsByTagName("TABLE");
for (var i=0; i&lt;tablas.length; i++) {
for (var j=0; j&lt;tablas[i].rows.length; j++) {
if (j%2 == 0) {
tablas[i].rows[j].className = "par";
}
}
}
}</code></pre>
<p><a target="_blank"  href="http://sentidoweb.com/img/2006/03/estilo-tablas.html">Ejemplo</a></p>
]]></content:encoded>
			<wfw:commentRss>http://sentidoweb.com/2006/03/30/resaltar-filas-en-tablas-mediante-javascript.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

