Try this approach for now:
1. UniDBGrid.ClientEvents.UniEvents ->
function beforeInit(sender, config)
{
var me = sender;
me.setClearBtnSt = function(faIconName, btnWidth, hint) {
var col = me.columnManager.columns[0];
var colCF = col.items.getAt(0);
if (colCF) {
colCF.addCls("x-fa fa-"+faIconName+" fa-2x");
colCF.setWidth(btnWidth);
colCF.btnWrap.setStyle('display', 'none');
colCF.setStyle('text-align', 'center');
colCF.setStyle('height', '100%');
colCF.setStyle('line-height', btnWidth + "px");
col.setWidth(btnWidth);
col.titleEl.setStyle('display', 'none');
if (hint != ""){
colCF.setTooltip(hint);
}
}
}
}
2. Usage
procedure TMainForm.UniFormReady(Sender: TObject);
//var
//fa: TUniIconFontFamily;
begin
//https://fontawesome.com/v4.7.0/icons/
with UniDBGrid1 do
if dgFilterClearButton in Options then // setClearBtnSt(faIconName, btnWidth, hint)
//JSInterface.JSCall('setClearBtnSt', [UniNativeImageList1.GetIconCls(0, fa), 40, 'Refresh...']);
JSInterface.JSCall('setClearBtnSt', ['refresh', 40, 'Refresh...']);
end;