Synnefo

<script src="http://tablesorter.com/jquery.tablesorter.min.js"></script>

<div id="machinesview" class="list">

    <div id="spinner"></div>

    <div class="actions">

        <a>Start</a>

        <a>Reboot</a>

        <a>Shutdown</a>

        <br />

        <a>Destroy</a>

        <br />

        <a>Show Details</a>

        <a>Add to group</a>

        <br />

        <a>Out of band</a>

        <br />

        <a>Attach disk</a>

        <a>Detach disk</a>

        <br />

        <a>Connect to network</a>

        <a>Disconnect from net</a>

    </div>

    <table>

        <thead> 

            <tr> 

                <th id="selection"><input type="checkbox" id="check" /></th> 

                <th id="os">OS</th> 

                <th id="name">Name</th> 

                <th id="ip">IP</th> 

                <th id="group">Group</th>

                <th id="status">Status</th> 

            </tr> 

        </thead> 

        <tbody class="running">

            <tr id="machine-template" style="display: none">

                <td><input type="checkbox" class="machine" id="node-id" /></td>

                <td><img class="list-logo" src="static/os_logos/node.thumb" width="16" height="16" /></td>

                <td><a class="name"><span class="name">node.name</span></a></td> 

                <td><a class="ip"><span class="public">node.public_ip</span></a></td>

                <td>group</td>

                <td class="status">Running</td>    

            </tr>

        </tbody>

    </table>

    <div id="mini" class="seperator"></div>

    <table>

        <thead> 

            <tr> 

                <th id="selection"><input type="checkbox" id="check" /></th> 

                <th id="os">OS</th> 

                <th id="name">Name</th> 

                <th id="ip">IP</th> 

                <th id="group">Group</th>

                <th id="status">Status</th> 

            </tr>  

        </thead> 

        <tbody class="terminated"></tbody>

    </table>

</div>