要素-UIツリー形式

需要などの要素-UI 2.10は、まだ我々のニーズを満たすためのツリー構造を持つテーブルが必要です。

私たちは、ツリー構造形式）は、テーブルデータの名前の前には、タイトル、ラジオボタンは変更できません:(以下の欲しいです

コードを添付:(コードのみその実現を最適化するために、ページスタイル、マルチ選択ボタンやその他の機能を変更します）

<IL- 表
        ：データ = " たtableData " 
        スタイル = " 幅：100％; " 
        ：ショー -header = " 偽" 
        行 -key = " ID " > 
    <EL-卓上カラム
            プロプ = " 日付" 
            ラベル = " 日期" 
            ソート可能な
            幅 = " 200 " > 
        <テンプレートスロットスコープ= " スコープ" > 
            <EL-チェックボックスVモデル= " チェック" > {{scope.row.date}} </ EL-チェックボックス> 
        </テンプレート> 
    </ EL-テーブル列> 
    <EL-卓上列
            プロップ = " アドレス" 
            ラベル = " 地址" > 
        <テンプレートスロットスコープ= " 範囲" > 
            <EL-入力プレースホルダ= " 请输入计费类型值" = Vモデル" saveContractForm.amountType 」
                      クラス = 「入力と選択」> 
                <IL- 選択 Vモデル= " saveContractForm.amount "スロット= " プリペンド"プレースホルダ= " 请选择" 
                           スタイル = " 幅：150ピクセル; " > 
                    <EL-オプション・ラベル= " 固定值（元/月）"値= " 1 " > </ EL-オプション> 
                    <EL-オプションラベル= " 百分比（％）"値= " 2 " > </ EL-オプション>
                </ EL- 選択 >
            </ EL-入力> 
        </テンプレート> 
    </ EL-テーブル列> 
</ EL-テーブル>

TABLEDATA：[{ 
    ID：3 、
    DATE：' DHSアプライアンス' 、
    名称：' 固定値（RMB /月）' 、
    アドレス：' 100 ' 、
    子供：[{ 
        ID：31であり、
        DATE：' DHS電気サブ' 、
        名前：' 固定値（RMB /月）' 、
        アドレス：' 99 ' 
    }、{ 
        ID：32 、
        DATE：' DHS電気サブ' 、
        名称：' 固定値（RMB /月）' 、
        アドレス：' 99 ' 
    }] 
}、{ 
    ID：4 、
    DATE：' DHSアプライアンス' 、
    名称：' 固定値（RMB /月）' 、
    アドレス：' 100 ' 、
    子供：[{ 
        ID：31であり、
        DATE：' DHS電気サブ' 、
        名称：' 固定値（RMB /月）' 、
        アドレス：' 99 '
    }、{
        ID：32 、
        DATE：' DHS電気サブ' 、
        名称：' 固定値（RMB /月）' 、
        アドレス：' 99 ' 
    }] 
}]、

<スタイル> 
    .EL - 選択 .el- 入力を{ 
        幅：150ピクセル。
    } 
    .input -with- 選択 .EL-インプットgroup__prependを{ 
        背景 - 色：#FFF。
    }
 </スタイル>

おすすめ