leeoo / flexigrid

Automatically exported from code.google.com/p/flexigrid
0 stars 1 forks source link

Font is large for table, messing up the show / hide drop down #124

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
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

GoogleCodeExporter commented 9 years ago
thanks..  work for me

Original comment by faipa...@gmail.com on 19 Mar 2014 at 9:05