Jasper reports 如何在JasperReports中生成可排序和可过滤的html表？_Jasper Reports

Jasper reports 如何在JasperReports中生成可排序和可过滤的html表？

jasper-reports

Jasper reports 如何在JasperReports中生成可排序和可过滤的html表？,jasper-reports,Jasper Reports,JasperReports是否为任何列标题提供了添加过滤器或排序选项的选项，以便用户可以在之后对行进行排序以下是由JasperReports生成的HTML： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title&g

JasperReports是否为任何列标题提供了添加过滤器或排序选项的选项，以便用户可以在之后对行进行排序

以下是由JasperReports生成的HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style type="text/css">
        a {
            text-decoration: none
        }
    </style>
</head>

<body text="#000000" link="#000000" alink="#000000" vlink="#000000">
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td width="50%">&nbsp;</td>
            <td align="center">

                <a name="JR_PAGE_ANCHOR_0_1"></a>
                <table class="jrPage" cellpadding="0" cellspacing="0" border="0" style="empty-cells: show; width: 842px; border-collapse: collapse; background-color: white;">
                    <tr valign="top" style="height:0">
                        <td style="width:20px"></td>
                        <td style="width:270px"></td>
                        <td style="width:266px"></td>
                        <td style="width:266px"></td>
                        <td style="width:20px"></td>
                    </tr>
                    <tr valign="top" style="height:20px">
                        <td colspan="5">
                        </td>
                    </tr>
                    <tr valign="top" style="height:40px">
                        <td>
                        </td>
                        <td colspan="3" style="text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 22px; line-height: 1.2578125;">This is a table</span>
                        </td>
                        <td>
                        </td>
                    </tr>
                    <tr valign="top" style="height:30px">
                        <td>
                        </td>
                        <td colspan="3" data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" style="background-color: #F0F8FF; border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 16px; line-height: 1.2578125;">Header</span>
                        </td>
                        <td>
                        </td>
                    </tr>
                    <tr valign="top" style="height:30px">
                        <td>
                        </td>
                        <td class="jrcolHeader" data-coluuid="7242ebd3-b548-460d-9c66-9ee60ceebaf6" data-cellid="0_2003453457" data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" data-colidx="0" style="background-color: #BFE1FF; border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 16px; line-height: 1.2578125;">First column</span>
                        </td>
                        <td class="jrcolHeader" data-coluuid="edca3b2a-92b0-41c1-a59e-f950d4298796" data-cellid="1_1564905786" data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" data-colidx="1" style="background-color: #BFE1FF; border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 16px; line-height: 1.2578125;">Second column</span>
                        </td>
                        <td class="jrcolHeader" data-coluuid="a7d4d7fb-7988-404d-9519-8b975fb1b21a" data-cellid="2_670858537" data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" data-colidx="2" style="background-color: #BFE1FF; border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 16px; line-height: 1.2578125;">Third column</span>
                        </td>
                        <td>
                        </td>
                    </tr>
                    <tr valign="top" style="height:30px">
                        <td>
                        </td>
                        <td data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" style="border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; line-height: 1.2578125;">1</span>
                        </td>
                        <td data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" style="border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; line-height: 1.2578125;">5</span>
                        </td>
                        <td data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" style="border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; line-height: 1.2578125;">avc</span>
                        </td>
                        <td>
                        </td>
                    </tr>
                    <tr valign="top" style="height:30px">
                        <td>
                        </td>
                        <td data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" style="background-color: #BFE1FF; border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; line-height: 1.2578125;">2</span>
                        </td>
                        <td data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" style="background-color: #BFE1FF; border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; line-height: 1.2578125;">6</span>
                        </td>
                        <td data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" style="background-color: #BFE1FF; border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; line-height: 1.2578125;">asdf</span>
                        </td>
                        <td>
                        </td>
                    </tr>
                    <tr valign="top" style="height:30px">
                        <td>
                        </td>
                        <td data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" style="background-color: #F0F8FF; border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; line-height: 1.2578125;">3</span>
                        </td>
                        <td data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" style="background-color: #F0F8FF; border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; line-height: 1.2578125;">7</span>
                        </td>
                        <td data-tableuuid="f7b58cff-1413-4762-bdb7-ec233a690c28" style="background-color: #F0F8FF; border: 1px solid #000000; text-indent: 0px;  vertical-align: middle;text-align: center;">
                            <span style="font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; line-height: 1.2578125;">a4df</span>
                        </td>
                        <td>
                        </td>
                    </tr>
                    <tr valign="top" style="height:385px">
                        <td colspan="5">
                        </td>
                    </tr>
                </table>

            </td>
            <td width="50%">&nbsp;</td>
        </tr>
    </table>
</body>

</html>


a{
文本装饰：无
}
这是一张桌子
标题
第一列
第二列
第三纵队
1.
5.
avc
2.
6.
asdf
3.
7.
a4df

但是我在报告工具中还没有找到这个选项

以后可以吗？

JasperReports可以在生成HTML报告时插入自定义HTML标题。在标题内，您可以选择允许任意列排序的标题。如果数据量超过了在单个页面上可以合理显示的数据量，那么您必须考虑其他解决方案。您所说的“JasperReports可以插入自定义HTML标题”是什么意思？过滤又是什么？我也尝试过js。。但这确实是对的……好吧，我问了一个新问题，因为我对JavaScript或HTML不太熟悉。