Значки сортировки jquery Datatables помещаются в строку под фактическим текстом?

Я просмотрел все свои файлы CSS (а их много) в дополнение к просмотру/удалению настроек sDom для моего подключаемого модуля jquery Datatables, но по какой-то причине значок сортировки (стрелки вверх и вниз) рядом с моим текст размещается под текстом, как если бы каким-то образом был введен html
.

Было ли у кого-нибудь такое раньше?


jquery datatables
person JM4    schedule 07.03.2011    source источник
comment
Пробовали ли вы проверять ячейки заголовка таблицы с помощью Firebug или другого набора инструментов для веб-разработки? В большинстве из них вы можете включать/отключать стили один за другим для определенного элемента DOM, пока не найдете тот, который его вызывает.   -  person jevakallio    schedule 07.03.2011
comment
@fencliff - я не знал, не знал, что ты можешь это сделать   -  person JM4    schedule 07.03.2011

Ответы (3)


arrow_upward
5
arrow_downward

вот как я решил это

.css_right
{
    /* adding this keeps the sort icon on the same level as the label */
    float:right;
}

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

person Zack    schedule 21.06.2012

arrow_upward
0
arrow_downward

Я считаю, что расширение Firebug для Firefox бесценно при отладке проблем с CSS.

Вы можете отключить и изменить стили CSS на своей странице «вживую». Действительно избавляет от догадок из беспорядка наследования стилей, который в противном случае было бы невозможно решить.

Изображение с веб-сайта Firebug по адресу http://getfirebug.com/css.

person jevakallio    schedule 07.03.2011
comment
спасибо за предложение. Интересно, что вся страница работает со сбоями (только в Firefox). Он без проблем работает в IE, Chrome и Safari. Теперь я более потерян, чем раньше. - person JM4; 07.03.2011
comment
не повезло. если я удалю каждый фрагмент css (и я имею в виду каждый), за исключением файла google cdn .css, проблема все еще существует. - person JM4; 08.03.2011

arrow_upward
0
arrow_downward

ответ был прямо передо мной, но, видимо, вам нужно применить класс «отображение» ко всем элементам таблицы, чтобы скрипт работал правильно. Я часами просматривал CSS, но ничего не нашел. Я надеюсь, что мое время поможет спасти кого-нибудь еще от новой стены.

person JM4    schedule 24.03.2011
comment
Спасибо, это очень помогло. - person FSBarker; 16.05.2011
comment
Извините, я не очень понимаю, что вы имеете в виду, не могли бы вы дать мне небольшой фрагмент кода, чтобы исправить это? - person peipst9lker; 19.04.2012
comment
Не могли бы вы предоставить более подробное описание этого. У меня такая же проблема. - person user1413; 30.01.2017
comment
@peipst9lker @user1413 - он имеет в виду поместить display в ваш класс таблицы, например <table class="display other-class" id=dataTable›`, как видно здесь. Каждый должен использовать инструменты разработки в своих браузерах для тестирования css перед внедрением (когда это возможно), чтобы не тратить драгоценное время на перезагрузку страниц для просмотра результатов. - person jesus g_force Harris; 12.12.2017