Merhaba arkadaşlar. Aşağıda yer alan kodları kullanarak sitemde tablo hücrelerinin üzerine fare imleciyle gelindiğinde dikey ve yatay highlight işlemi uyguluyorum. Tek bir sorun haricinde sorunsuz çalışıyor o da colspan ve rowspan bulunan hücreler.

Öncelikle ne istediğimi daha net anlatabilmek için videolu bir şekilde gösteriyorum:
https://youtu.be/6DO6hXiYgLE


Kullandığım kodlar:

// table highlight
$(document).ready(function () {
    // When hovering over a cell in any FixesTable
    $('.wikitable.item').each(function () {
        var currentTable = $(this);

        currentTable.find('td, th').hover(function () {
            // Get the index of the cell's column
            var columnIndex = $(this).index();

            // Exclude the first column (index 0)
            if (columnIndex > 0) {
                // Remove highlight from the previous column within the same table
                currentTable.find('td, th').filter(':nth-child(' + (columnIndex + 1) + ')').addClass('highlight-cell');
            }
        }, function () {
            // Remove highlight from all columns within the same table when not hovering
            currentTable.find('td, th').removeClass('highlight-cell');
        });
    });
});

.highlight-cell { background-color: var(--background-color-quiet--hover) }

İşlemi ücretli veya ücretsiz yapabilecek arkadaşlar ister konu altından ister özel mesajla iletişime geçebilirler.