jQuery Grid Plugin - jqGrid - Topic: tableToGrid and jqueryUI tabs http://www.trirand.com/blog/?page_id=393/help/tabletogrid-and-jqueryui-tabs Simple:Press Version 5.7.5.3 sammy on tableToGrid and jqueryUI tabs http://www.trirand.com/blog/?page_id=393/help/tabletogrid-and-jqueryui-tabs#p21218 Help http://www.trirand.com/blog/?page_id=393/help/tabletogrid-and-jqueryui-tabs#p21218 Hello everybody,

I have discover jqgrid since few time and it is very good plugin.

I'm an intensive user of SAS and so I have a question for the jqgrid user.

With SAS i have tried to produce html files with a tabs presentation using jqueryUI. So, i have try to use the plugin tableToGrid. it works fine without tabs, but with the use of tabs from jqueryUI, nothnig happened, no table from output using Firefox and IE6.

I have simplyfied an exemple see on this forum. Have you got some explaination ?

Many thanks fro your help.

The code :

<HTML>

<head>

<title>Menu Principal</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
        <!-- Cascading Style Sheets -->
  <link type="text/css" rel="stylesheet" media="screen" href="css/eggplant/jquery-ui-1.8.6.custom.css" />
  <link type="text/css" rel="stylesheet" media="screen" href="css/ui.jqgrid.css" />
  <link type="text/css" rel="stylesheet" media="screen" href="css/global.css" />
  
        <!-- Javascript -->
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
  <script type="text/javascript" src="js/i18n/grid.locale-fr.js"></script>
  <script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>

 
<script type="text/javascript">
jQuery(document).ready(function(){    
$( "#tabs" ).tabs();
tableToGrid("#distTable");
});
</script>
 
</head>
<body>
    <div id="tabs">
   <ul>
    <li><a href="#tabs-1">Onglet 1</a></li>
    <li><a href="#tabs-2">Onglet 2</a></li>
    <li><a href="#tabs-3">Onglet 3</a></li>
   </ul>
   <div id="tabs-1">
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a.</p>
   </div>
   <div id="tabs-2">
    <table id="distTable" cellspacing="0" cellpadding="1" border="1">
     <thead>
     <tr>
       <th>Name</th>
       <th>Platform</th>
       <th>Size</th>     
     </tr>
     </thead>
     <tbody>
     <tr>
       <td>Chatter</td>
       <td>PC</td>
       <td>123</td>
     </tr>
     <tr>
       <td>Boing</td>
       <td>PC</td>
       <td>456</td>
     </tr>
     <tr>
       <td>Zipper</td>
       <td>Mac</td>
       <td>789</td>
     </tr>
     <tr>
       <td>PingPong</td>
       <td>Mac</td>
       <td>24</td>
     </tr>
     </tbody>
     </table>
   </div>
   <div id="tabs-3">
    <p>Proin elit arcu, rutrum commodo, vehicula.</p>
   </div>
 </div>
</body>
</html>

Regards Sammy. 

]]> Wed, 08 Dec 2010 12:17:04 +0200