Sorting does not work when you are using Column Group feature

[MPanahandeh]

No description provided.

[cagataycivici]

When using column groups, define sort props inside groups not the direct children;

        let headerGroup = <ColumnGroup>
                            <Row>
                                <Column header="Brand" rowSpan={3} field="brand" sortable={true}/>
                                <Column header="Sale Rate" colSpan={4} />
                            </Row>
                            <Row>
                                <Column header="Sales" colSpan={2} />
                                <Column header="Profits" colSpan={2} />
                            </Row>
                            <Row>
                                <Column header="Last Year" field="lastYearSale" sortable={true}/>
                                <Column header="This Year" field="thisYearSale" sortable={true}/>
                                <Column header="Last Year" field="lastYearProfit" sortable={true}/>
                                <Column header="This Year" field="thisYearProfit" sortable={true}/>
                            </Row>
                        </ColumnGroup>;

       let footerGroup = <ColumnGroup>
                            <Row>
                                <Column footer="Totals:" colSpan={3} />
                                <Column footer="$506,202" />
                                <Column footer="$531,020" />
                            </Row>
                         </ColumnGroup>;
render() {
                ( return <DataTable value={this.state.sales} headerColumnGroup={headerGroup}
                                                        footerColumnGroup={footerGroup}>                        
                        <Column field="brand" />
                        <Column field="lastYearSale" />
                        <Column field="thisYearSale" />
                        <Column field="lastYearProfit" />
                        <Column field="thisYearProfit" />
                    </DataTable> )
}

[MPanahandeh]

Thank you for the solution, worked for me!