在 grails 中插入带有 g:sortableColumn 的图标

Question

如何在 grails g:sortableColumn 标签中插入图标

<g:sortableColumn property="name" title="${message(code:'project.name.label', default: 'Name')}" /> 
<g:sortableColumn property="age" title="${message(code:'project.age.label', default: 'Age')}" />    
<g:sortableColumn property="phoneNumber" title="${message(code:'project.phoneNumber.label', default: 'Phone Number')}" />

我想像这样使用 bootstrap glyphicon 或 Font Awesome 图标 table header 插入任何一个图标

Answer 1

这适用于 Grails 3。

本例中 /grails-app/assets/images 中的图片使用的是名为 sort_both.png 的文件然后在您的 gsp 中...

<style type="text/css">
        .headerSort{
            background-repeat: no-repeat;
            background-position: right;
            background-image: url("${assetPath(src: 'sort_both.png')}")
        }
</style>

...

<g:sortableColumn class="headerSort" property="name" title="${message(code:'project.name.label', default: 'Name')}" /> 
...

在 grails 中插入带有 g:sortableColumn 的图标

Insert icon with g:sortableColumn in grails

grails

gsp

twitter-bootstrap