поменять местами столбец html таблицы - PullRequest
0 голосов
/ 09 июля 2020

У меня есть таблица html, которая создается динамически, и я хочу поменять местами порядок в определенном состоянии

1. сделать порядок таблицы как географический, квалифицированный, отправленное предложение, переговоры и заключение контрактов, итого , ipipeline value, Closed Won, QO under Evaluation, Identified, Deferred Opportunity, Closed Lost

2 Я должен проверить, имеет ли заголовок значение Qualified или Proposal Submitted или Negotiation & Contracting, если 2 или 3 (Qualified или Предложение отправлено или Согласование и заключение контракта) существует столбец, отображающий итоговый столбец и столбец значений конвейера, если существует только один столбец, показывать только конвейер вместе со значениями других столбцов. если нет столбца для ((Квалифицированный или представленное предложение или Переговоры и заключение контракта)), удалите из таблицы общий итог и столбец конвейера.

jQuery.moveColumn(tbl, 2, 0) -- this can only swap the static row.

jQuery.moveColumn = function (table, from, to) {
    var rows = jQuery('tr', table);
    var cols;
    rows.each(function() {
        cols = jQuery(this).children('th, td');
        cols.eq(from).detach().insertBefore(cols.eq(to));
    });
}

var tbl = jQuery('table');
//jQuery.moveColumn(tbl, 2, 0);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="geo_summary">
   <thead>
      <td>Geo</td>
      <td>Pipeline Value</td>
      <td>Identified</td>
      <td>Qualified</td>
      <td>Closed Won</td>
      <td>Total</td>
   </thead>
   <tbody>
      <tr>
         <td>NSU</td>
         <td>8</td>
         <td>20</td>
         <td>0</td>
         <td>0</td>
         <td>0</td>
      </tr>
      <tr>
         <td>US East</td>
         <td>3</td>
         <td>50</td>
         <td>3</td>
         <td>8</td>
         <td>3</td>
      </tr>
      <tr>
         <td>US West</td>
         <td>6</td>
         <td>39</td>
         <td>16</td>
         <td>2</td>
         <td>16</td>
      </tr>
      <tr>
         <td>Total</td>
         <td>408</td>
         <td>109</td>
         <td>19</td>
         <td>10</td>
         <td>19</td>
      </tr>
   </tbody>
</table>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...