-$(function() {
- $("#machines").tablesorter({widthFixed: true, widgets: ['zebra']})
+$(document).ready(function() {
+ $("#machines").DataTable({
+ orderCellsTop: true,
+ pageLength: 25,
+ lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]]
+ });
$(".sort").removeAttr("href")
});
<meta name="Modified" content="$(WML_GEN_ISOTIME)" />
{#style#}
{#style#:
- <link type="text/css" href="/js/jquery-tablesorter/themes/blue/style.css" rel="stylesheet" />
- <link type="text/css" href="/js/jquery-tablesorter/addons/pager/jquery.tablesorter.pager.css" rel="stylesheet" />
+<link href="/js/datatables.min.css" rel="stylesheet" type="text/css">
<link href="$(DBHOME)/debian.css" rel="stylesheet" type="text/css" />
<link href="/debdb.css" rel="stylesheet" type="text/css" />
:#style#}
<script language="javascript" type="text/javascript" src="/js/jquery/jquery.js"></script>
- <script language="javascript" type="text/javascript" src="/js/jquery-metadata/jquery.metadata.js"></script>
- <script language="javascript" type="text/javascript" src="/js/jquery-tablesorter/jquery.tablesorter.js"></script>
- <script language="javascript" type="text/javascript" src="/js/jquery-tablesorter/addons/pager/jquery.tablesorter.pager.js"></script>
+ <script language="javascript" type="text/javascript" src="/js/datatables.min.js"></script>
<script language="javascript" type="text/javascript" src="/js/debdb.js"></script>
</head>
<body>
} else {
# display summary info
$hostdetails = "<h1>Summary</h1>\n";
- $hostdetails .= "<table id=\"machines\" class=\"tablesorter\" border=\"1\" cellpadding=\"0\" cellspacing=\"1\">\n<thead>\n<tr>";
+ $hostdetails .= "<table id=\"machines\" class=\"display compact cell-border\" border=\"1\" cellpadding=\"0\" cellspacing=\"1\">\n<thead>\n<tr>";
foreach $key (@summaryorder) {
if ($sortby ne $key) {
$hostdetails .= "<th><a class=\"sort\" href=\"machines.cgi?sortby=$key&sortorder=asc\">$summaryattrs{$key}</a></th>";