Cell Renderer callback

[marcob]

Hi All,
In my old software, I use ui-grid. Now I use p-table. I have a little problem; when I render some cells i want to execute callback for formatting value. Example:

Code: Select all

    <td class="ui-resizable-column" class="myclass" *ngIf="col.hidden == false">
                        {{rowData[col.field]}}    <---- Here I should call the callback
     </td>

Code: Select all

       function callback(column, rowData) {
           if (column.hasfunction) {
               return columns.cbfunction(rowData[col.field])
           } else 
            {
               return rowData[col.field];
            }
       }

It's possibile to make it?
thank's at all.
MarcoB

[yigitfindikli]

Hi All,
In my old software, I use ui-grid. Now I use p-table. I have a little problem; when I render some cells i want to execute callback for formatting value. Example:

Code: Select all

    <td class="ui-resizable-column" class="myclass" *ngIf="col.hidden == false">
                        {{rowData[col.field]}}    <---- Here I should call the callback
     </td>

Code: Select all

       function callback(column, rowData) {
           if (column.hasfunction) {
               return columns.cbfunction(rowData[col.field])
           } else 
            {
               return rowData[col.field];
            }
       }

It's possibile to make it?
thank's at all.
MarcoB

Hi,
Maybe you can try this;

html;

Code: Select all

<ng-template pTemplate="body" let-rowData let-columns="columns">
            <tr>
                <td *ngFor="let col of columns">
                     {{callback(rowData,col)}}
                </td>
            </tr>
        </ng-template>

ts;

Code: Select all

callback(column, rowData) {
           if (column.hasfunction) {
               return columns.cbfunction(rowData[col.field])
           } else 
            {
               return rowData[col.field];
            }
}

Best Regards.

[marcob]

Thanks a lot
Work perfectly.
Best Regards

Hi All,
In my old software, I use ui-grid. Now I use p-table. I have a little problem; when I render some cells i want to execute callback for formatting value. Example:

Code: Select all

    <td class="ui-resizable-column" class="myclass" *ngIf="col.hidden == false">
                        {{rowData[col.field]}}    <---- Here I should call the callback
     </td>

Code: Select all

       function callback(column, rowData) {
           if (column.hasfunction) {
               return columns.cbfunction(rowData[col.field])
           } else 
            {
               return rowData[col.field];
            }
       }

It's possibile to make it?
thank's at all.
MarcoB

Hi,
Maybe you can try this;

html;

Code: Select all

<ng-template pTemplate="body" let-rowData let-columns="columns">
            <tr>
                <td *ngFor="let col of columns">
                     {{callback(rowData,col)}}
                </td>
            </tr>
        </ng-template>

ts;

Code: Select all

callback(column, rowData) {
           if (column.hasfunction) {
               return columns.cbfunction(rowData[col.field])
           } else 
            {
               return rowData[col.field];
            }
}

Best Regards.

[yigitfindikli]

Thanks a lot
Work perfectly.
Best Regards

Hi All,
In my old software, I use ui-grid. Now I use p-table. I have a little problem; when I render some cells i want to execute callback for formatting value. Example:

Code: Select all

    <td class="ui-resizable-column" class="myclass" *ngIf="col.hidden == false">
                        {{rowData[col.field]}}    <---- Here I should call the callback
     </td>

Code: Select all

       function callback(column, rowData) {
           if (column.hasfunction) {
               return columns.cbfunction(rowData[col.field])
           } else 
            {
               return rowData[col.field];
            }
       }

It's possibile to make it?
thank's at all.
MarcoB

Hi,
Maybe you can try this;

html;

Code: Select all

<ng-template pTemplate="body" let-rowData let-columns="columns">
            <tr>
                <td *ngFor="let col of columns">
                     {{callback(rowData,col)}}
                </td>
            </tr>
        </ng-template>

ts;

Code: Select all

callback(column, rowData) {
           if (column.hasfunction) {
               return columns.cbfunction(rowData[col.field])
           } else 
            {
               return rowData[col.field];
            }
}

Best Regards.

Glad to hear, always happy to help!
Best Regards.