twitter-bootstrap - 在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图标将任何一个图标与这些表标题一起插入

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')}" /> 
...