DataTables - 如何使用自定义标记

时间:2017-08-25 06:16:31

标签: javascript jquery html datatable

这就是我在JSP中使用自定义标记的方式

<utility:displayStatus value="${consumerForm.status }" />

说到DataTables,我尝试像这样渲染列:

 "columnDefs": [ 
                {
                    "targets": [ 0, 1 ],
                    "render" : function ( data, type, row ) {
                        var renderer = '';
                        renderer += '<a href="view?msgId='+ row.msgId+'">' + data + '</a>';

                        return renderer;
                    }
                },
                {
                    "targets": 5,
                    "searchable": false,
                    "orderable": false,
                    "type" : "html",
                    "render" : function ( data, type, row ) {

                        var renderer = '<utility:displayStatus value="'+ data+'" />';
                        console.log(renderer)
                        return renderer;
                    }
                },

我可以在数据表中正确显示html链接,但

'<utility:displayStatus value="'+ data+'" />' 

无法呈现。

我尝试使用其他html标签,如label,span和button ....结果是正确的。

是否让数据表正确呈现自定义标记?或者Datatables不支持自定义标记,例如JSTL?

感谢。

1 个答案:

答案 0 :(得分:0)

浏览器想让您显示自定义标签。 您可以将数据放在html标记的属性中,如。

您可以根据您的数据在JS中显示/隐藏或自定义您的html标签。即使你可以在渲染后进一步访问 data-DepartmentCode

干杯......