有没有办法自定义rowEditor按钮?我的意思是,如果可以更改图像或添加文本。 如果不可能,有没有办法与另一个控件如按钮或链接获得相同的行为?
答案 0 :(得分:10)
只需使用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']}");
}
答案 1 :(得分:1)
此外,如果您想使用“Font Awesome”中的fa-icons,您可以从font-awesome.css复制分配给它们的粘贴类。
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil
{
background: none !important;
text-indent: initial;
/* display: inline-block; */
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:before {
content: "\f044";
}
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:hover {
font-weight: bold;
}