JSFiddle - React, Tailwind, and code Playground

by Kenpachi

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<table id="users" class="table table-striped">
    <thead>
        <tr>
            <td>#</td>
            <td>Username</td>
            <td>Group</td>
        </tr>
    </thead>
    <tbody></tbody>
</table>

JavaScript

$(document).ready(function() {
	$.ajax({
		type: "GET",
		url: "https://dl.dropboxusercontent.com/u/43492386/test.xml",
		dataType: "xml",
		success: function(result) {
			var xml = result;
				username = '';
				group = '';
                c = 1;
			$(xml).find('user').each(function(){
                username = $(this).find('username').text();
				group = $(this).find('group').text();
				$('#users > tbody').append('<tr><td>' + c + '</td><td>' + username + '</td><td>' + group + '</td></tr>');
                c++;
            });
		}
	});
});