尝试自己调用原生JS完成控制table的相关操作，配合H5的自定义属性完成条件控制

// 创建tr 根据数组对象创建对应的列
    function _create_tr(dataList){
      let _trNodeList = []; // 这里应该是NodeList对象的，不过我不会创建。也比较赶时间做demo就用数组代替了
      for(let _i = 0; _i < Object.keys(dataList).length; _i++){  // 这里先循环出tr行
        // 先创建行
        let _tr = window.document.createElement('tr');
        // 创建列, 遍历属性创建列
        let tdList = Object.keys(dataList[_i]);  //列名集合
        for( let __i = 0; __i < tdList.length; __i ++){
          let __td = window.document.createElement('td');
          __td.innerHTML = `${dataList[_i][tdList[__i]]}`;
          _tr.appendChild(__td);
        }
        _trNodeList.push(_tr); //推进数组
      }
      return _trNodeList;
    }

/**
     *获取Nodelist 添加至 目标元素下方
     *targetNode 目标行tr
     */
    function _append_tr(NodeList, targetNode) {
      // 1. 获取targetNode 在第几行
      let _trIndex = targetNode.rowIndex;
      // 2. 获取targetNode 的父元素
      let _trParent = targetNode.parentNode;
      // 3. 记录下添加了几行，以及相对应的状态
      targetNode.dataset.isExpend = true;
      targetNode.dataset.rowsCount = NodeList.length;
      NodeList.forEach( Node => {
        let tempTr = _trParent.insertRow(_trIndex++);
        tempTr.innerHTML = Node.innerHTML;
      })
    }

/**
     *删除对应行下面的 某些行
     *
     */
     function _remove_tr(targetNode, rowsCount = 0) {
      // 1. 判断是否传值 rowsCount,本程序是先添加再删除。这里的步骤对应上面的第三步
      if (rowsCount === 0 && targetNode.dataset.rowsCount) {
        rowsCount = targetNode.dataset.rowsCount;
      }
      // 2. 定位父元素
      let _trParent = targetNode.parentNode;
      // 3. 定位当前元素
      let _trIndex = targetNode.rowIndex;
      // 4. 删除行
      for( let _i = 0; _i < rowsCount; _i++) {
        _trParent.deleteRow( _trIndex); //这里index不需要动。因为删除之后后面的会自动前移
      }
      // 5. dataset参数设置
      targetNode.dataset.isExpend = false;
      delete targetNode.dataList.rowsCount;
     }

let demoData = [{name: 'C', age: '3'}, {name: 'D', age: '4'}];

    // 绑定点击事件
    let trs = window.document.querySelectorAll('tr');
    trs.forEach( Node => {
          Node.addEventListener('click', function($event){
          if ($event.target.parentNode.dataset.isExpend === "true") {
            _remove_tr($event.target.parentNode);
          } else {
            _append_tr(_create_tr(demoData), $event.target.parentNode);
          }
        })
    })