2017-03-03 2 views
0

:sortableColumnタグ私はこの使用してブートストラップglyphiconフォント恐ろしいアイコンのように、これらのテーブルヘッダと共にいずれかのアイコンを挿入する挿入アイコン:GrailsのにsortableColumn GrailsのGのアイコンを挿入する方法

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

enter image description here

答えて

0

これは、我々はこの例で/grails-app/assets/imagesにGrailsの3

場所の画像で動作しますsort_both.png という名前のファイルを使用してください。

<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')}" /> 
... 
関連する問題