[REACT] How to change what is rendered in successor name column?

[peter4ef]

I need to customize what is rendered inside name column in: task edit popup -> successor tab
See attached screenshot.

Screenshot 2022-05-18 163135.png (37.38 KiB) Viewed 194 times

thank you in advance.

[peter4ef]

I need to change it from code, js example or documentation link

[tasnim]

You can use the renderer function to achieve that.

Please check these :
https://bryntum.com/docs/gantt/api/Grid/column/Column#config-renderer
https://bryntum.com/docs/gantt/api/SchedulerPro/widget/taskeditor/SuccessorsTab

Here is an example of how you can achieve it:

taskEdit : {
            items : {
                successorsTab : {
                    items : {
                        grid : {
                            columns : {
                                data : {
                                    name : {
                                        // changing value of name column using renderer
                                        renderer({ record }) {
                                            return record.name;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        },