Zebra striping - Таблица сортиране срещу сито

Имам някои таблици, които използват приставката jQuery 'tablesorter', за да позволят лесно сортиране. Наскоро разбрах, че включва джаджа със зебра. Активирах го и работи добре.

Реших също така да добавя добавката 'Sieve' като алтернатива на съществуващата домашно изградена таблица функция за търсене и там възникна проблемът ми - ивиците не се преработват по време или след търсенето, оставяйки таблицата неравномерна и несъответстваща.

Досега не успях да намеря начин да го направя ръчно опресняване и не съм сигурен къде бих го поставил, ако го бях направил - във файла sieve .js? Има ли начин тези два плъгина да работят добре един с друг?


jquery tablesorter sieve zebra-striping
person Damien H    schedule 07.11.2014    source източник
comment
защо не използвате филтриране на tablesorter? mottie.github.io/tablesorter/docs/example-widget-filter. html   -  person charlietfl    schedule 07.11.2014
comment
Мисля, че ще откриете, че оригиналният сортировач на таблици не е актуализиран от около 2008 г. и че поне един fork от Mottie се поддържа активно - и включва известно споменаване на зебралентите в регистъра на промените. За да си осигурите най-добрия шанс за успех, предлагам да използвате вилицата на Mottie.   -  person Roamer-1888    schedule 07.11.2014
comment
@charlietfl Е, не знаех, че съществува, докато не прочетох вашите и коментарите на Роумър. Версията, която имах, дойде с приложението, когато го наследих. Намерих еквивалент на Sieve с mottie.github .io/tablesorter/docs/ обаче, не съм сигурен къде да поставя JS кода от този пример. бихте ли знаели   -  person Damien H    schedule 07.11.2014
comment
погледнете изходния код на демонстрацията   -  person charlietfl    schedule 07.11.2014

Отговори (1)


arrow_upward
1
arrow_downward

Ако искате да използвате приставката Sieve, този код ще работи или с оригиналната версия на tablesorter, или с моя форк на сортиране на таблици (демонстрация):

$(function () {
    var $table = $('table');

    $table
        .tablesorter({
            widgets: ['zebra']
        })
        .sieve({
            complete: function(){
                // update the zebra widget after Sieve completes
                $table.trigger('applyWidgets');
            }
        });

});
person Mottie    schedule 08.11.2014
comment
Благодаря ти много! Актуализирах до вашето разклонение и благодарение на горния фрагмент всичко работи. В случай, че сте любопитни, в момента не използвам приспособлението за филтриране, защото не се справя много добре с разделените думи - напр. в списък с елементи „A, B, C, D“ не мога да търся „A C“ и да получа резултат, докато мога да направя това в Sieve. Разбира се, има и недостатъци, но поне за момента ще се спра на хибрид. - person Damien H; 10.11.2014
comment
Приспособлението за филтриране позволява въвеждане на регулярен израз и също така поддържа операторите И и ИЛИ. Така че, за да намерите няколко елемента, потърсете A|B|C|D. Пълен списък с типове филтри може да бъде намерен на тази страница в таблицата в секциите Бележки на акордеона. - person Mottie; 11.11.2014