我正在用 Perl 编写 Multimarkdown 来创建一个 HTML 表格。
我想知道是否有一种简单的方法可以使表格动态化，即允许查看者通过单击列标题对其进行排序，甚至可以通过输入简单的规则来过滤记录。 p>
我真的不懂 HTML。我在 Perl 中编码并且只生成 HTML（实际上是 Multimarkdown 转换为 HTML）来很好地输出一些数据。我之所以提到这一点，是因为我确信有多种方法可以创建漂亮的动态表格，但我真的在寻找一种简单的方法。
【问题讨论】：
标签： html perl html-table markdown
简单的方法是使用已经支持此类功能的工具包/库。
（Google 快速搜索“排序 javascript 表”出现 Table with sorting/filtering from JavaScript Toolbox、Sorting HTML Tables using JavaScript (more of example) 和 jQuery plugin: Tablesorter 2.0。）
AJAX 是一种可用于动态获取数据的机制——但是，如果所有数据都已存在于表中和/或表不需要分页，那么它就有点过分了。这两种方法要求启用客户端 JavaScript。 （非客户端的替代方案是回发并让服务器完成工作并生成新的 HTML。但这就是 Web 单点哦 :-)
CSS (Cascading Style Sheets) 仅用于应用颜色、背景图像、字体或边框等样式（CSS 选择器可以基于通常在 HTML 元素 class 属性中提供的 CSS 类工作。文档只是说明一些预定义的 CSS 类名称是 动态添加的 -- 由 JavaScript -- 因此可以很容易地“选择”以进行样式设置 -- 例如，将排序的列转换为石灰绿色）。 然而，CSS 本身无法控制排序或过滤。
Daxim 建议 Stuart Langridge's sorttable 在以下 SO 问题中讨论： how to do client side sorting using querystring in hyperlink associated with the table header using Perl?（如果此编辑有用，请去那里投票 daxim :-)
愉快的编码。
【讨论】：
Yahoo YUI 的数据表控件具有内置的列排序功能。
YUI 拥有大量可以调用和使用的 js 函数。
【讨论】：
我使用了下面的代码：
$sql= "select * from table";
$sth = $dbh->prepare($sql);
$sth->execute() or die "Cannot execute sth: $DBI::errstr";
my $fields = join(',', @{ $sth->{NAME} });
my @th = split(',',$fields);
print '<table><thead><tr>';
foreach(@th){
print '<th>'.$_.'</th>';
}
print '</tr></thead><tbody>';
while (my @next_row_fields = $sth->fetchrow_array()) {
print '<tr>';
foreach(@next_row_fields){
print '<td>'.$_.'</td>';
}
print '</tr>';
}
print '</tbody></table>';
【讨论】：
JQuery 是一个 Javascript 库，可让您执行各种简洁的前端工作，包括表格排序。使用起来还不错（有点像 php），而且您不必对 html/css 了解太多（尽管这不会有什么坏处）。
【讨论】：