Hi,
You cannot add or bind HTML button directly to View columns but however you can achieve this using the PCF control.
You would need to develop a custom grid using PCF which you can then customize to add button on the column.
https://docs.microsoft.com/en-us/power-apps/developer/component-framework/overview
//this is how we add a Html button In view using PCF.
We get a view columns in Context.parameters.listviewDataSet.columns, in the below code I have replace Business Phone column with Html Button.
// we can also add new column in view using
context.parameters.sampleDataSet.addColumn("createdon");
private getColumns(): IColumn[] {
let context = this.props.crmContext;
let records = context.parameters.listviewDataSet;
let columnList: IColumn[] = [];
records.columns.forEach(function (columItem: any, id: any) {
if(colitem.dataType=="SingleLine.Phone"){
let colwith = (colitem.width || 150) //+
let Column: IColumn =
{
key: colitem.name + "_" + id,
minWidth: colwidth ,
maxWidth: colwidth,
name: colitem.displayName,
isRowHeader: false,
isResizable: true,
isCollapsible: false,
fieldName: colitem.name,
data: colitem.dataType,
onRender: (records: any) => {
{
return (
<>
{
<button style={{width:"60px",margin:"10px",height:"25px"}}>Click</button>
}
</>
)
}
}
}
columnList.push(Column);
}
//Output
Hope this helps.
Thanks!
