HTMLTableRowElement: свойство sectionRowIndex

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Чтение только свойство sectionRowIndex интерфейса HTMLTableRowElement представляет собой позицию строки в текущем разделе (<thead>, <tbody> или <tfoot>).

Значение

Индекс строки или -1, если строка не входит в раздел.

Примеры

В этом примере используется JavaScript для маркировки всех номеров строк в tbody.

HTML

<table>
  <thead>
    <tr>
      <th>Item</th>
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Bananas</td>
      <td>$2</td>
    </tr>
    <tr>
      <td>Oranges</td>
      <td>$8</td>
    </tr>
    <tr>
      <td>Top Sirloin</td>
      <td>$20</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Total</td>
      <td>$30</td>
    </tr>
  </tfoot>
</table>

JavaScript

const rows = document.querySelectorAll("tbody tr");

rows.forEach((row) => {
  const z = document.createElement("td");
  z.textContent = `(row #${row.sectionRowIndex})`;
  row.appendChild(z);
});

Результат

Спецификации

Спецификация
HTML # dom-tr-sectionrowindex

Совместимость браузеров

	Рабочий стол					Мобильный
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`sectionRowIndex`	1	12	1	≤12.1	3	18	4	≤12.1	1	1.0	4.4

См. также

HTMLTableRowElement.rowIndex

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement/sectionRowIndex