Как найти центральную ячейку таблицы?

Question

[Артур Алекс]

Есть таблица с нечётным количеством рядков и колонок. Как можно в ней найти центральную ячейку?

Comments

[Lynn «Кофеман»]

Делению на 2 в школе больше не учат?

[Михаил Р.]

Показывайте код.

[Aetae]

Lynn «Кофеман», а вдруг там rowspan'ы, colspan'ы да и резиновые размеры в добавок...:)
Тогда "центральную" ячейку можно будет быстрой найти только тыкув elementFromPoint. Врядли конечно.

[Артур Алекс]

Благодарю Вас.

Answer 1

[0xD34F]

Как получить строки таблицы:

// если гарантируется отсутствие thead и tfoot, или их содержимое также должно учитываться
const { rows } = table;

// если tbody один
const [ { rows } ] = table.tBodies;

// если tbody несколько
const rows = Array.prototype.flatMap.call(table.tBodies, n => [...n.rows]);
// или
const rows = [].concat(...Array.from(table.tBodies, n => [...n.children]));
// или
const rows = table.querySelectorAll('tbody tr');

Как получить средний элемент:

const middle = arr => arr[arr.length >> 1];
// или
const middle = arr => arr[Math.floor(arr.length / 2)];
// или
const middle = arr => arr[Math.round(~-arr.length / 2)];
// или
const middle = arr => arr[(arr.length - arr.length % 2) / 2];

Всё, можно доставать ячейку:

const cell = middle(middle(rows).cells);
// или
const cell = middle([].reduce.call(rows, (acc, n) => (acc.push(...n.children), acc), []));
// или, без получения строк
const cell = middle(table.querySelectorAll('tbody td'));

Answer 2

[Алексей Ярков]

Если на скорую руку, то как-то так

https://codepen.io/yarkovaleksei/pen/dyBJGaY?edito...