PrimeFaces在数据表中自定义RowEditor

Question

有没有办法自定义rowEditor按钮？我的意思是,如果可以更改图像或添加文本.如果不可能,有没有办法获得与按钮或链接等其他控件相同的行为？

Answer 1

只需使用CSS.下面的示例假定您要将其应用于所有数据表/行编辑器,并在/resources/images文件夹中包含所需的图像文件.

.ui-datatable .ui-row-editor .ui-icon-pencil {
    background-image: url("#{resource['images/pencil.png']}");
}

.ui-datatable .ui-row-editor .ui-icon-check {
    background-image: url("#{resource['images/check.png']}");
}

.ui-datatable .ui-row-editor .ui-icon-close {
    background-image: url("#{resource['images/close.png']}");
}

也可以看看:

• 如何使用自定义样式覆盖默认的PrimeFaces CSS？