Сортировка заголовка таблицы изменяет положение строк

Question

У меня есть HTML-таблица, подобная этой ниже:

name        number       contractid

sebastian      01             aea123
sab            02             aea534
jack           03             are152

Моя проблема в том, что, когда я нажимаю на имя, столбец имени сортируется в алфавитном порядке, и положение строк одинаково хорошо. Но когда я снова нажимаю на столбец, строки меняют свое положение, как показано ниже. ( Первая строка будет перемещена в пустое пространство, а вторая строка будет перемещена на первое место. )

name        number       contractid
sebastian      01             aea123
sab            02             aea534
jack           03             are152

Есть ли решение для уменьшения этого изменения в положении? Какие-нибудь свойства CSS и Javascript, которые я могу сделать / установить для предотвращения такого рода прыжков?

Answer 1

Существуют две опции:

1. Удалите пустую строку целиком и задайте стиль вашего HTML, чтобы пространство, которое теряется, создавалось с помощью css.Это даст вам более желательное форматирование вместе с более чистым html, и вы не будете полагаться на html.
2. Вставьте дополнительную строку как th вместо tr, как в http://jsfiddle.net/6kczk/

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

Учитывая отсутствие конкретики, япросто используя образованные догадки здесь.Будет ли работать второй вариант, зависит от кода сортировки и сделанных предположений.Если он предполагает, что первая строка всегда является заголовком столбца, или запутывается, когда находит дополнительные строки заголовков, то это вряд ли сработает.