On Hover Show on hover effect (Added in v 4.0)

On hover effect is particularly useful when you have large number of columns in grid/table. Due to large number of columns, it shows the scroll if the data doesn't fit. You need to horizontal scroll to reach to action buttons. Using hover css, you won't need to scroll because on hover, it will show the action button directly. We have created a skin named "hover", you will either need to use this skin or you can directly use the css shown below to achieve this effect

  
                                $pdocrud = new PDOCrud();
                                $pdocrud->setSkin("hover");//add this skin to show hover effect
                                echo $pdocrud->dbTable("products")->render();

                                //Or you can add below css in your style file 
                                    .pdocrud-table-container table tr.pdocrud-header-row th{
                                        padding: 9px 15px;    
                                    }
                                    .pdocrud-table tbody tr.pdocrud-data-row{
                                        height: 50px;
                                    }
                                    .pdocrud-table tbody tr.pdocrud-data-row:hover td.pdocrud-row-actions{
                                        position: absolute;
                                        right: 0;
                                        border-left: none;
                                        margin-top: 0;
                                        border-top: 1px solid #000;
                                    }
                                    .pdocrud-table tbody tr.pdocrud-data-row:hover td{
                                        background: #000;
                                        color: #fff;
                                    }
                            

On hover effect using PDOCrud

Products

Showing 1 to 10 of 98 entries

# Product id Product name Product line ProductScale ProductVendor Product description Product image Product url Qty available Product price Product sell price Tax Product discount Added date Product cat Actions
1 90000 Doesnt matters Dumbass 1 Wankers laksjdlkasj /lkajdlskajs.com wankers.com/myproduct 2 20.00 2.00 5 0 2023-05-11 wakers
2 90001 https://pdocrud.com/script/uploads/1684574573_maiale.jpeg 0 0.00 0.00 0 0 0000-00-00 Electronics
3 azdzd https://pdocrud.com/script/uploads/1682007520_Screen Shot 04-17-23 at 05.22 PM.PNG 0 0.00 0.00 0 0 0000-00-00 Electronics
4 ed https://pdocrud.com/script/uploads/1685140617_1684825694495.jfif 0 0.00 0.00 0 0 0000-00-00 Electronics
5 RE RE RE RE RE RE RE RE 12 0.00 0.00 233 232 2023-04-27 RERE
6 S12_2823 2002 Suzuki XREO Motorcycles 1:12 Unimax Art Galleries Official logos and insignias, saddle bags located on side of motorcycle, detailed engine, working steering, working suspension, two leather seats, luggage rack, dual exhaust pipes, small saddle bag located on handle bars, two-tone paint with chrome accents, superior die-cast detail , rotating wheels , working kick stand, diecast metal with plastic parts and baked enamel finish. http://displays2go.com.au/slir/w144-h144/images/product_images/1392609013.jpg https://codecanyon.net/user/ddeveloper/portfolio?ref=ddeveloper 9997 66.27 150.62 2 2 2016-12-20 Electronics
7 S12_3148 1969 Corvair Monza Classic Cars 1:18 Welly Diecast Productions 1:18 scale die-cast about 10" long doors open, hood opens, trunk opens and wheels roll http://displays2go.com.au/images/product_images/1392665476.gif https://codecanyon.net/user/ddeveloper/portfolio?ref=ddeveloper 6906 89.14 151.08 0 0 2016-12-20 Electronics
8 S12_4473 1957 Chevy Pickup Trucks and Buses 1:12 Exoto Designs 1:12 scale die-cast about 20" long Hood opens, Rubber wheels http://displays2go.com.au/slir/w144-h144/images/product_images/1384248587.jpg https://codecanyon.net/user/ddeveloper/portfolio?ref=ddeveloper 6125 55.70 118.50 0 0 2016-12-20 Fashion
9 S18_1342 1937 Lincoln Berline Vintage Cars 1:18 Motor City Art Classics Features opening engine cover, doors, trunk, and fuel filler cap. Color black http://displays2go.com.au/slir/w144-h144/images/product_images/1384248587.jpg https://codecanyon.net/user/ddeveloper/portfolio?ref=ddeveloper 8693 60.62 102.74 0 0 2016-12-20 Electronics
10 S18_1662 1980s Black Hawk Helicopter Planes 1:18 Red Start Diecast 1:18 scale replica of actual Army's UH-60L BLACK HAWK Helicopter. 100% hand-assembled. Features rotating rotor blades, propeller blades and rubber wheels. http://displays2go.com.au/slir/w144-h144/images/product_images/1384248587.jpg https://codecanyon.net/user/ddeveloper/portfolio?ref=ddeveloper 5330 77.27 157.69 0 0 2016-12-20 Electronics
# Product id Product name Product line ProductScale ProductVendor Product description Product image Product url Qty available Product price Product sell price Tax Product discount Added date Product cat Actions