поля ввода в заголовке таблицы не работают

Question

У меня проблема с заголовком таблицы, содержащим поля ввода. У меня есть подобные div в остальной части таблицы, и они работают нормально. div по умолчанию скрыт и абсолютно позиционирован. Таблица внутри div обычно содержит несколько столбцов с одним элементом формы в каждом столбце. Это было бы типично:

<a>show editrow</a>
<div class="editrow">
    <form>
        <table>
            <tr>
                <td>
                    <input type="text" />
                </td>
                ...
                <td>
                    <input type="submit" />
                </td>
            </tr>
        </table>
    </form>
</div>

У меня есть это в элементе th в заголовке и в каждой строке таблицы ниже. Когда я помещаю его в элемент th, я не могу щелкнуть поля ввода, но блоки выбора и флажки работают нормально. Я использую сортировщик таблиц JQuery, поэтому мои заголовки таблиц должны использовать теги thead, tr, th. Разочаровывающая вещь - единственная разница между тем, что работает, и тем, что не работает, в том, что содержит клетку, td vs, th. вот так:

<th>
    doesn't work
</th>

против

<td>
    does work
</td>

Единственное исправление, которое я нашел, - это переместить div за пределы заголовка и использовать более сложный javascript, чтобы найти его, чтобы я мог показать / скрыть его / и т.д. Мне не нравится это решение, потому что мне придется переписывать много страниц, и оно просто не имеет смысла. Я поместил ссылку и div в заголовок, чтобы избежать сортировки с остальной таблицей.

Есть идеи, почему? или как я могу это исправить, не удаляя div из всех моих заголовков таблицы?

Answer 1

Я создал быструю тестовую страницу с полем ввода в заголовке, и она отлично работала во всех браузерах, в которых я ее тестировал.

Вы пытались удалить весь код jQuery со страницы и затем протестировать его? Я мог бы быть чем-то в коде сортировщика таблицы jQuery, который по какой-то причине отключает поля ввода.

Использовали ли вы что-то вроде firebug для проверки элемента ввода, чтобы узнать, не отключен ли он или не скрыт за каким-то другим элементом, что делает его неактивным?