Добавить отображение при наведении на ячейку таблицы

Question

У меня есть таблица, но она не в формате списка, то есть не в формате столбца / строки.Я ищу конкретные ячейки, чтобы добавить событие наведения, которое отображает описание ячейки.

$("#TableID td").hover(function(){
//ifCellThatIWant
   $(this).append("<span>Message that was brought in</span>");
   },
   function(){
    $(this).children().remove();
    });

Проблема сейчас заключается в том, что при наведении указывается диапазон (с информацией. Внутри), для которого я использовал jqueryдобавьте span к ячейке при наведении курсора, что расширяет ячейку, что является эффектом, который мне не нравится или не нужен.Я пытаюсь посмотреть вне таблицы, но все же быть рядом с клеткой, которая вызвала событие;потому что, если промежуток имеет много информации.в ней динамическое расширение ячейки начнет выглядеть довольно неприятно.Также поможет, если бы у меня было какое-то направление css относительно того, как я буду делать отображение для диапазона «описания» при наведении мыши.Я думаю, что способ добиться того, чего я хочу, это дать приложенному диапазону положение курсора мыши при наведении, но не уверен, что это правильный подход или как будет выглядеть синтаксис.

Answer 1

Сделать отображение диапазона в виде блока и установить z-индекс больше, чем что-либо еще на странице. Затем вы можете установить абсолютное положение и установить свойства left и top для положений x и y положения мыши.

EDIT:

Вот демонстрация того, что я имею в виду -> http://jsbin.com/odape. Вместо добавления диапазона, я бы предложил просто создать заполнитель в нижней части вашего html для использования в каждой ячейке и просто изменить текст на отображать (не знаю, как вы это сделали, поэтому я не добавил его в своем примере.