table breaks after sort

[wellumies]

go to http://samui.kipase.com/index2.php with Firefox 36.0.1. Pull the scrollbar down and then sort by using any column header. The column header bar pops over the page title breaking the table

[wellumies]

Chrome 40.0.2214.115 m works just fine

[MGA555]

Works fine with Firefox 37/0.2, although I noticed that the Total column sort does not work.

[seder001]

Hi there,

I get the very same problem and looked for a solution but it looks like, that this issue is still unsolved.

Best regards Serdar

[optikalefx]

It seems to work fine (in the given link in the first comment) for me in Chrome. @seder001 can you give me some details about your setup?

[seder001]

Hi @optikalefx,

this issue only happens in firefox, I don't know why, but it's just Firefox. What exactly do you want to see?

index.html:

            var $grid = $(".klienten").grid({
                title : "Klienten",
                page : 1,
                showPager : true,
                editing : true,
                deleting : true,
                nRowsShowing : 50
                //width : 100%,
                //rowHeight: 800,
                //adding : true
            }).on("loadComplete",function(e, grid) {
                //console.log("loadComplete", grid);
                // the add column
                $(this).grid("addRow","Add",{
                    width: 60, 
                    insertAt: "end",     // index | column | "end" | "start"
                    header : "Action",
                    cellClass : "center"
                }, function(i) {
                    return "<button class='btn btn-warning btn-mini'>Add</button>";
                });
            });

            // button click
            $grid.on("click",".cell[data-col='Add'] button",function() {
                var diag = $grid.grid("confirm","Are you sure you want to add?",function() {
                    $grid.grid("notify","fake add",1000);
                    console.log("diag",diag);
                });
            });
        });
    </script>

ajax.php: mysql_connect("localhost","root",""); mysql_select_db("bbst_old");

// require our class
require_once("grid.php");

// load our grid with a table
$grid = new Grid("studis", array(
    "save"=>true,
    "delete"=>true
));

I also wanted to add "add row button" and the row counter which I saw in one of the old videos of yours, but could not find an example.