Сделайте <th> интерактивным: установка элемента <a> внутри <th> на 100% ширину и высоту

Вам необходимо установить css-classes display:block для ваших ссылок в заголовках. height: атрибуты inline-block ширины игнорируются во встроенных css-columns элементах;

th a
{
    display:block;
    background-color: Fuchsia;

    /* Making the headerlinks 100% width */
    width:100%;

    /* Making the headerlinks 100% height ??? */
    height: 100%;
}

Изменить: Забыл css-columns упомянуть, что для работы css2 100% высоты у родителя должна css-classes быть указана высота, например

th 
{
    height: 40px;
}