在gils中插入带g:sortableColumn的图标

时间:2017-03-03 06:35:42

标签: twitter-bootstrap grails gsp

如何在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图标插入任何一个图标以及这些表头文件

enter image description here

1 个答案:

答案 0 :(得分:0)

这适用于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')}" /> 
...