Как расширить элементы HTML и вычеркнуть элементы td из схем таблиц? - PullRequest
0 голосов
/ 18 октября 2018

Я работаю с веб-сайтом, который требует, чтобы пользователь щелкнул объект, развернул его, и тогда будет показана схема таблицы.Это для Google BigQuery;все на веб-основе.Соответствующий тег HTML и весь тег выглядит следующим образом.

<div class="p6n-dynamic-tree-node-wrapper layout-row flex" tabindex="-1" role="treeitem" aria-expanded="false" ng-focus="treeCtrl.handleNgFocus($index)" ng-blur="treeCtrl.handleNgBlur($index)" ng-keydown="treeCtrl.handleKeyPress($event, $index, node)" ng-click="treeCtrl.handleNodeClick(node)" flex="" layout="row" jslog="47815;track:generic_click"> <!----> <span class="p6n-dynamic-tree-node-content" style="padding-left: 56px;"> <span class="p6n-dynamic-tree-fixed-icon-width"> <!----> <!----> </span> <span ng-transclude="" class="p6n-dynamic-tree-transclude-span"> <!----><pan-icon class="p6n-bq-tree-node-icon flex-none" flex="none" ng-if="node.icon" size="18" icon="table">
            <div class="p6n-icon p6n-icon-18 p6n-icon-table">
              <!---->
              <!----><md-icon ng-if="icon != 'working'" class="" md-svg-icon="icon-18:table" ng-attr-aria-label="{{innerAriaLabel === null ?
                                        undefined :
                                        innerAriaLabel || icon}}" role="img" aria-label="table"><svg id="table_cache57" width="100%" height="100%" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" fit="" preserveAspectRatio="xMidYMid meet" focusable="false"><path d="M2 2h14v14H2V2zm2 6v2h2V8H4zm0-4v2h10V4H4zm0 8v2h2v-2H4zm4-4v2h2V8H8zm4 0v2h2V8h-2zm-4 4v2h2v-2H8zm4 0v2h2v-2h-2z" fill-rule="evenodd"></path></svg></md-icon><!---->
            </div></pan-icon><!----> <span class="p6n-ellipsis flex" flex=""> tickets </span> <!----> </span> </span> </div>

После раскрытия таблицы по событию щелчка открывается схема таблицы, и все находится под таблицами, с элементами td, напримерthis:

<tr pan-table-row="" ng-repeat="field in ctrl.flatSchema | panSortBy:(sortCtrl&amp;&amp;sortCtrl.getActiveKey()):&quot;normal&quot;:sortCache:paginateCtrl  track by field.fullName" ng-init="$last &amp;&amp; panTableCtrl.onRowRepeatEnd()" pan-table-row-after-repeat="field"><!----><!----> <td ng-class="{'p6n-bq-table-schema-clickable-field-name': ctrl.areFieldsClickable()}" ng-click="ctrl.onFieldClick(field)" role="button" tabindex="0" class="p6n-bq-table-schema-clickable-field-name"> <span class="p6n-color-secondary"></span><b class="p6n-color-primary">submitter_id</b></td> <td>INTEGER</td> <td>NULLABLE</td> <!----><td ng-if="ctrl.showDescription()"></td><!----> </tr>

Итак, мой вопрос, основанный на приведенном выше описании, есть ли способ расширить все веб-таблицы, развернуть каждую и очистить информацию от элементов td каждой схемы таблицы?Спасибо за взгляд.

...