now it works on a small test xml file datamy.xml all looks great but when i change it to the large xml file data2.xml which has over 500 records it will not load is there some setting that need to be changed for this many records?
Also can you read the xml file from a different url or does it need to be local?

Robotech

To something like this:
xmlArr += '</td><td class="xml_image1"> <img src="'+ xml_image1 +'" alt="" />';

Basically you just need to wrap the xml_img1 variable in an image tag’s src attribute and when the script adds the formatted XML to your page the it will render the images as HTML.

If you change the filter criteria from the integer value I had it set at you will need to re-work the code but if you are still using that same field you would just need to add an additional filter for the next row.

In the switch statement you would want to add a line similar to this ON TOP of the existing code:

$(tr).filter(function (index) {
return parseFloat($(this).attr(’filterCriteria’)) > 10;
}).next(’tr’).hide();

Notice the next(’tr’) which will target the 2nd (next) row.

Also, you might want to make a slight tweak on the code you pasted:

// append data / HTML to source table
$(”+ xml_date +”+ xml_horaires +”+xml_societe +”+ xml_titre +”+ xml_nom +”+ xml_prenom +”+ xml_fonction +”+ xml_resume +”).appendTo(wrapper +’ table tbody’);
});
// end each loop

This will avoid inserting blank code on each iteration.

I would love to see the finished product, make sure to post a link!

By example:
I try to have results in two rows, and colspan on the second one.
But the filters does not works.

Here are the code:

// append data / HTML to source table
$(”).html(”+ xml_date +”+ xml_horaires +”+xml_societe +”+ xml_titre +”+ xml_nom +”+ xml_prenom +”+ xml_fonction +”+ xml_resume +”).appendTo(wrapper +’ table tbody’);
}); // end each loop

Here the html code:

Date
Horaire
Société

Do you think there is another solution?

Thanks again.

When I will have finished this first page, I will try to make TR in the content, my first try didn’t work, I think we must have the same number of coloumn that the number of filter.

What we can do to have more rows: use DIV.

Ben, I will send you url when it will be online.
Thanks !!!

Fabien.

You could do this by adding more HTML to the append(). The append section currently writes a TR and then adds HTML to it and appends it to the table. What you would want to do is combine this action so it would look more like:

$('YOUR CONTENT..ANOTHER ROW'S CONTENT...').appendTo('wrapper +' table tbody'');

This will technically work BUT this script contains a sorting filter so you will need to make sure that the additional rows match the filter criteria or they will not appear in the correct order. Alternatively, you can just remove the filter code and just display your data.

One other thing to note: I just updated the demo / sample code make the append more efficient. The script now first stores the table row data in an array and then appends them all one time rather than with each iteration of the loop.

Hope that helps!

-Ben