如何在Primefaces中更改TreeTable的图标?

时间:2014-05-09 08:44:33

标签: jsf primefaces treetable

我有简单的treeTable。 http://www.primefaces.org/showcase/ui/treeTable.jsf 我想更改此treeTable的展开和折叠图标。我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

如果您想使用自定义图标(图片),请在treetable上覆盖以下各自用途的CSS类:

  • ui-icon:自定义展开行状态图标(三角形)

     .ui-icon {
          width: 16px;
          height: 16px;
          background-image: url("/your-image-here");
      }
    
  • ui-icon-triangle-1-e ui-c:自定义折叠行状态图标

如果您想使用更现代的fontAwesome'图标',请参阅Change icon from jQuery UI to FontAwesome in PrimeFaces