【问题标题】:Prime faces Data table (V 3.4) Sort Column Without Using iconPrime faces Data table (V 3.4) Sort Column without Using 图标
【发布时间】:2012-09-12 12:21:45
【问题描述】:

我在我的应用程序中使用 primefaces 数据表,根据业务用户的请求,他们希望通过单击列标题而不是“”排序图标进行排序,但仍然是“/\”或“/”图标在排序期间可以看到。如何自定义 primefaces css 属性?我试图修改这个 css 属性,但无法得到正确的结果。

 .ui-icon {
width: 16px;
height: 16px;
background-image:none ;
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat:repeat;

}

【问题讨论】:

  • 试试这个,jQuery('#yourTableId th .ui-sortable-column-icon').css({"display":"none"});
  • 感谢@Daniel,我可以隐藏图标,但需要始终点击它之前放置的角落。如何使列标题可排序?
  • 点击标题中的任意位置,它将被排序,图标只是可视化工具而不是排序事件的目标。 primefaces.org/showcase-labs/ui/datatableSorting.jsf
  • @BernadAli 正如 Cagatay Civici 所说,只需单击标题中的任意位置,它就会被排序,除非你在那里做了什么......
  • 感谢 Civici 和 Danial-是的,我会检查我的数据表列标题。

标签: css jsf-2 datatable primefaces


【解决方案1】:

把它放在你的 CSS 文件中

#yourTableId th .ui-sortable-column-icon{
    display : none;
}

或者,把它放在你的 JS 文件中

jQuery('#yourTableId th .ui-sortable-column-icon').css({"display":"none"});

【讨论】:

  • 添加:#yourTableId th .ui-icon-triangle-1-n { display: inline-block !important;和 #yourTableId th .ui-icon-triangle-1-s !important; } 到 css 将允许 /\ 和 \/ 在排序时显示,隐藏未排序的插入符号。
猜你喜欢
  • 2020-09-22
  • 1970-01-01
  • 1970-01-01
  • 2022-12-02
  • 2019-05-03
  • 2022-12-02
  • 1970-01-01
  • 1970-01-01
  • 2021-06-07
相关资源
最近更新 更多