Buenas con todos, resulta que encontre un plugin que me parece muy interesante llamado dynatable http://www.dynatable.com/
Sirve para 2 cosas, una de ellas usar archivos json para hacer tablas, en esta parte de la pagina http://www.dynatable.com/?utm_content=buffer845bb&utm_source=buffer&utm_medium=twitter&utm_campaign=Buffer#a-stylized-list se puede usar los json para listarlos
en ul li
<pre>function ulWriter(rowIndex, record, columns, cellWriter) {
var cssClass = "span4", li;
if (rowIndex % 3 === 0) { cssClass += ' first'; }
li = '<li class="' + cssClass + '"><div class="thumbnail"><div class="thumbnail-image">' + record.thumbnail + '</div><div class="caption">' + record.caption + '</div></div></li>';
return li;
}
// Function that creates our records from the DOM when the page is loaded
function ulReader(index, li, record) {
var $li = $(li),
$caption = $li.find('.caption');
record.thumbnail = $li.find('.thumbnail-image').html();
record.caption = $caption.html();
record.label = $caption.find('h3').text();
record.description = $caption.find('p').text();
record.color = $li.data('color');
}
$('#ul-example').dynatable({
table: {
bodyRowSelector: 'li'
},
dataset: {
perPageDefault: 3,
perPageOptions: [3, 6]
},
writers: {
_rowWriter: ulWriter
},
readers: {
_rowReader: ulReader
},
params: {
records: 'kittens'
}
});</pre>
pero lo que hace esta funcion es leer los li del DOM y hacer un JSON para recien poder usarlo en sus tablas no se si eso seria bueno para una pagina que quiero hacer
para mostrar "productos" tendria que crear todos los li mediante php y no se si eso haga lenta la pagina.
O tal vez se pueda cambiar la funcion ulReader para leer directamente desde un json
