jQuery Grid Plugin - jqGrid - Topic: How to use the tableToGrid? http://www.trirand.com/blog/?page_id=393/help/how-to-use-the-tabletogrid Simple:Press Version 5.7.5.3 mrh on How to use the tableToGrid? http://www.trirand.com/blog/?page_id=393/help/how-to-use-the-tabletogrid#p21374 Help http://www.trirand.com/blog/?page_id=393/help/how-to-use-the-tabletogrid#p21374 You did not post the rest of your code but your table and JS code work fine.  You didn't show how you are linking to the jqgrid code or CSS.  Also you have errors in your HTML like <table> instead of </table> and having a <tbody> without a <thead> etc...

Here is my full code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT.....t;&gt;
<html xmlns="http://www.w3.org/1999/xhtml&q.....t;&gt;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Table To Grid Test</title>
<link rel="stylesheet" type="text/css" media="screen" href="js/grid/css/ui-lightness/jquery-ui-1.8.7.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="js/grid/css/ui.jqgrid.css" />
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="jqgrid/js/i18n/grid.locale-en.js"></script>
<script type="text/javascript" src="jqgrid/js/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="jqgrid/js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript">
$(function () {
    tableToGrid("#mytable", {
        autowidth:true,
        pager: '#pager',
        rowNum: 20,
        viewrecords: true,
        loadui: true,
        rowList: [10,20,50]
    });
});
</script>
</head>
<body>
<table id="mytable">
  <thead>
    <tr>
      <th>Id</th>
      <th>Name</th>
      <th>Age</th>
      <th>Reamrk</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>name1</td>
      <td>1</td>
      <td>Remark1</td>
    </tr>
    <tr>
      <td>2</td>
      <td>name1</td>
      <td>1</td>
      <td>Remark1</td>
    </tr>
  </tbody>
</table>
<div id="pager"></div>
</body>
</html>
]]> Tue, 21 Dec 2010 20:07:31 +0200 nanlinfeixue on How to use the tableToGrid? http://www.trirand.com/blog/?page_id=393/help/how-to-use-the-tabletogrid#p21370 Help http://www.trirand.com/blog/?page_id=393/help/how-to-use-the-tabletogrid#p21370 <table id="mytable">
  <tr>
     <th>Id</th>
     <th>Name</th>
     <th>Age</th>
     <th>Reamrk</th>
  </tr>
  <tbody>
    <tr>
      <td>1</td>
      <td>name1</td>
      <td>1</td>
      <td>Remark1</td>
    </tr>
   <tr>
      <td>2</td>
      <td>name1</td>
      <td>1</td>
      <td>Remark1</td>
    </tr> 
     </tbody>
<table>

 <div id="pager"></div>

<script>
 $(function () {
  tableToGrid("#mytable", {
   autowidth:true,
   pager: '#pager',
   rowNum: 20,
   viewrecords: true,
   loadui: true,
   rowList: [10,20,50]
  });
 });
</script>

I get the error message: 'b.jgrid.formatter.integer' Is null or not an object

Is any one help me?

thanksLaugh

]]> Tue, 21 Dec 2010 11:33:44 +0200