The title of the table is normal (11px), but the headers and body is large, so
the alignment of the button to hide/show columns ends up too high, creating a
space from where the div appears, which if you mouse in the space, the div
disappears
Running on Chrome with jquery 1.7.2, flexigrid 1.1
my fix was to set the font-size to 11:
.hDivBox div, .bdiv div {font-size: 11px;}
trying to put html below, not sure if that will work or not here:
<head>
<title>Agents</title>
<link rel="stylesheet" href="/css/flexigrid.pack.css" type="text/css" title="no title" charset="utf-8"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="/js/flexigrid.pack.js"></script>
<style type="text/css">
.phone_status_phone_error, .phone_paused_busy, .web_status_system_error {
color:red;
}
.hDivBox div, .bdiv div {font-size: 11px;}
</style>
</head>
<table id="agentTable"></table>
<script type="text/javascript">
$("#agentTable").flexigrid({
url: '/agentsData.html',
dataType: 'json',
colModel : [
{display: 'Agent Name', name : 'name', width : 200, sortable : true, align: 'left'},
...
{display: 'Email Address', name : 'email', width : 250, sortable : true, align: 'left'}
],
searchitems : [
{display: 'Agent Name', name : 'name', isdefault: true},
],
sortname: "name",
sortorder: "asc",
pagestat: 'Showing {from}-{to} of {total} Agents',
usepager: true,
preprocess: true,
title: 'Agents',
showTableToggleBtn: false,
onSubmit: false
});
</script>
Original issue reported on code.google.com by plo...@gmail.com on 13 Apr 2012 at 9:35
Original issue reported on code.google.com by
plo...@gmail.com
on 13 Apr 2012 at 9:35