【LWC応用】lightning-datatableとフラット化

<!-- 見積品目 -->
<lightning-datatable
        key-field="Id"
        data={dataList}
        columns={columnsDefine}
        hide-checkbox-column>
</lightning-datatable>

import { LightningElement, api, wire } from 'lwc';
import getQuoteLine from '@salesforce/apex/dataTableController.getQuoteLine';
export default class DataTable extends LightningElement {
        @api recordId;
        columnsDefine = [
                { label: '商品名', fieldName: 'Product2.Name', type: 'text' },
                { label: '商品コード', fieldName: 'Product2.ProductCode', type: 'text' },
                { label: '商品ファミリ', fieldName: 'Product2.Family', type: 'text' },
                { label: '販売価格', fieldName: 'UnitPrice', type: 'currency' },
                { label: '数量', fieldName: 'Quantity', type: 'number',
                        typeAttributes: { minimumFractionDigits: '2' } },
                { label: '小計', fieldName: 'Subtotal', type: 'currency'}
        ];
        dataList = [];

        // 見積品目の一覧表示
        @wire ( getQuoteLine, ( { quoteId : '$recordId' } ) )
        setQuoteLineItemList( result ) {
                // Apex正常終了の場合
                if ( result.data ) {
                        console.log( 'result.data:' + JSON.stringify( result.data ));
                        this.dataList = result.data;
                // Apex異常終了の場合
                } else if ( result.error ) {
                        console.log( 'result.error:' + JSON.stringify( result.error ));
                }
        }
}

public with sharing class dataTableController {
        // 見積品目を取得
        @AuraEnabled(cacheable=true)
        public static List<QuoteLineItem> getQuoteLine( String quoteId ) {
                return [
                        SELECT
                                Id,
                                Product2.Name,
                                Product2.ProductCode,
                                Product2.Family,
                                Product2Id,
                                UnitPrice,
                                Quantity,
                                Subtotal
                        FROM
                                QuoteLineItem
                        WHERE
                                QuoteId = :quoteId
                ];
        }
}

        /**
         * レコードのフラット化
         */
        flatRecord( obj, newObj = {}, aboveKey = "" ) {
                // 連想配列をKeyごとに繰り返し処理
                Object.keys( obj ).forEach( key => {
                        const value = obj[key];
                        const currentKey = aboveKey + key;
                        // 連想配列の場合（ApexのsObject型の場合）
                        if ( typeof value === 'object' && !Array.isArray( value ) ) {
                                // 再帰呼び出し
                                this.flatRecord( value, newObj, currentKey + '.' );
                        } else {
                                // 新しい連想配列にフラット化した項目追加
                                newObj[currentKey] = value;
                        }
                });
                return newObj;
        }

        // 見積品目の一覧表示
        @wire ( getQuoteLine, ( { quoteId : '$recordId' } ) )
        setQuoteLineItemList( result ) {
                // Apex正常終了の場合
                if ( result.data ) {
                        console.log( 'result.data:' + JSON.stringify( result.data ));
                        // 以下flatRecord()を呼び出すよう修正
                        // this.dataList = result.data;
                        this.dataList = result.data.map( ( record ) => this.flatRecord( record ) );
                // Apex異常終了の場合
                } else if ( result.error ) {
                        console.log( 'result.error:' + JSON.stringify( result.error ));
                }
        }