Ordering example Bootstrap 5 theme
This example uses create_action() callback for building this feature
HIDE CODE
<?php $xcrud = Xcrud::get_instance(); $xcrud->table('offices'); $xcrud->button('#', "Top", 'glyphicon glyphicon-arrow-up icon-arrow-up', 'btn xcrud-action', array( 'data-action' => 'movetop', 'data-task' => 'action', 'data-primary' => '{officeCode}')); $xcrud->button('#', "Bottom", 'glyphicon glyphicon-arrow-down icon-arrow-down', 'btn xcrud-action', array( 'data-action' => 'movebottom', 'data-task' => 'action', 'data-primary' => '{officeCode}')); $xcrud->create_action('movetop', 'movetop'); $xcrud->create_action('movebottom', 'movebottom'); $xcrud->unset_sortable(); $xcrud->order_by('ordering'); $xcrud->columns('city,phone,addressLine1,country'); echo $xcrud->render(); ?>
Offices
# | City | Phone | Addressline1 | Country | |
---|---|---|---|---|---|
1 | Paris | +33 14 723 4404 | 43 Rue Jouffroy D'abbans | France | Top Bottom View Edit Remove |
2 | Boston | +1 215 837 0825 | 1550 Court Place | USA | Top Bottom View Edit Remove |
3 | San Francisco | +1 650 219 4782 | 100 Market Street | USA | Top Bottom View Edit Remove |
4 | Sydney | +61 2 9264 2451 | 5-11 Wentworth Avenue | Australia | Top Bottom View Edit Remove |
5 | NYC | +1 212 555 3000 | 523 East 53rd Street | USA | Top Bottom View Edit Remove |
6 | London | +44 20 7877 2041 | 25 Old Broad Street | UK | Top Bottom View Edit Remove |
7 | Tokyo | +81 33 224 5000 | 4-1 Kioicho | Japan | Top Bottom View Edit Remove |