css table yardım

Merhaba,
Tablo içerisinde td içinde a href li link var. Fakat tabloda vertical-align middle oldugu için a linkini ortalıyor ve td içindeki boş yerler tıklayınca gitmiyor. a href linkini tüm td alanınnı kaplayacak şekilde nasıl büyütürüm.

Örnek resim: https://ibb.co/9wQq7YX

birçok yolu olabilir aklıma ilk gelen td etiketlerinin önüne a href kodlarını yerleştirmek olur.

api ile çekiyorum td etiketlerine müdahale edemiyorum. td içine link vererek çözmeye çalıştım. aklına gelen yollar nedir

A etiketine display block verirseniz içinde bulunduğu kutunun uzunluğunu alır yani bosluklara tıklanabilir olur td yüksekliği kaç ise onu da verin boşluklara tıklayınca a ya tiklanmis olur. Tam tersi durumda ise a ya display inline block verip kendiniz width ve height verebilirsiniz

çözümü buldum

td için padding: 0; overflow: hidden; vertical-align: middle; olacak.
içerisindeki ahref için display: block; padding: 15px 5px; margin-top: -10px; margin-bottom: -10px; olacak şekilde ayarlayınca oluyor.

kendiniz her ikisine de height yüksekliğini belirtince de oluyor. bu şekilde olursa tüm satırlar aynı yükseklikte oluyor.