← Все примеры

JavaScript Продуктивность search.google.com

Нумеровать строки таблицы

Добавляет порядковый номер в начало каждой строки, чтобы было удобно ссылаться на позиции списка.

Код для копирования

(function () {
  function number() {
    var grid = document.querySelector('[role="grid"], [role="table"], table');
    if (!grid) return;
    var rows = grid.querySelectorAll('[role="row"]');
    var n = 0;
    rows.forEach(function (r) {
      if (r.querySelector('[role="columnheader"]')) return;
      var first = r.querySelector('[role="cell"], [role="gridcell"]');
      if (!first || first.dataset.jzNumbered) return;
      n += 1;
      first.dataset.jzNumbered = '1';
      var tag = document.createElement('span');
      tag.textContent = n + '. ';
      tag.style.cssText = 'color:#9aa0a6;font-variant-numeric:tabular-nums;';
      first.insertBefore(tag, first.firstChild);
    });
  }
  number();
  new MutationObserver(number).observe(document.body, { childList: true, subtree: true });
})();

Как использовать этот пример

  1. Скопируй код кнопкой выше.
  2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
  3. Добавь новое правило, совпадающее с этой страницей.
  4. Вставь код в панель JavaScript правила и сохрани — он запускается при каждом заходе на страницу.

Оцени этот пример

Оценок пока нет — оцени первым.

Этот пример работает?

Сниппеты бесполезны, если их некуда вставить.

JustZix устанавливается за 2 минуты и запускает твой код на каждой подходящей странице. Без аккаунта, без оплаты.

Скачать бесплатно Смотреть применение