JSFiddle - React, Tailwind, and code Playground

HTML

<div id="pager" class="pager"  >

            <img class="first" src="http://tablesorter.com/addons/pager/icons/first.png" style="vertical-align: middle; " />
            <img class="prev" src="/_layouts/RejestrKomputerow/tablesorter/themes/prev.png" style="vertical-align: middle;" />
            <input class="pagedisplay" type="text" style="vertical-align: middle;" />
            <img class="next" src="/_layouts/RejestrKomputerow/tablesorter/themes/next.png" style="vertical-align: middle;" />
            <img class="last" src="/_layouts/RejestrKomputerow/tablesorter/themes/last.png" style="vertical-align: middle;" />
            <select class="pagesize" style="vertical-align: middle;">
                <option selected="selected"  value="10">10</option>
                <option value="20">20</option>
                <option value="30">30</option>
                <option  value="40">40</option>
                <option  value="50">50</option>
                <option  value="100">100</option>
            </select>

        </div>

CSS

#project-wrap {width: 400px; height: 400px; border: 1px solid red;}
.handle {position: absolute;}
.bubble {position: absolute;}

JavaScript

// Sortowanie i stronicowanie






        //        $('#pager img').click(function () {
        //            $.cookie('page', $(jqprefix + 'grdKomputery').get(0).config.page, { expires: 1 });
        //        });

        $('#pager').click(function (event) {
            
            if ($(event.target).is('img')) {
                alert($(event.target).is('img'));
            }
        });
    

    // Potwierdzenie usuniecia/anulowania
    if ($('.potwierdz-usun').length > 0 || $('.potwierdz-powrot').length > 0) {
        $('.potwierdz-usun').easyconfirm({ locale: { title: 'Potwierdzenie', text: 'Czy na pewno usunąć?', button: ['Nie', 'Tak']} });
        $('.potwierdz-powrot').easyconfirm({ locale: { title: 'Potwierdzenie', text: 'Czy na pewno wyjść z trybu edycji?', button: ['Nie', 'Tak']} });
    }

    $('.anuluj').click(function () {
        history.back();
    });

    $('#powrotDoSzczegolow').click(function () {
        var cancelUrl = $(jqprefix + 'hidPowrotUrl').val();
        window.location.assign(cancelUrl);
    });