<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery EasyUI</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../themes/icon.css"> <mce:script type="text/javascript" src="../jquery- 1.4.2.min.js" mce_src="jquery- 1.4.2.min.js"></mce:script> <mce:script type="text/javascript" src="../jquery.easyui.min.js"></mce:script> </head> <body> <h1>Convert a HTML table to DataGrid</h1> <table id="tt" class="easyui-datagrid" style="width:200px;height:auto;"> <thead frozen="true"> <tr> <th field="name1" width="50">Col 1</th> <th field="name2" width="50">Col 2</th> </tr> </thead> <thead> <tr> <th field="name3" width="50">Col 3</th> <th field="name4" width="50">Col 4</th> <th field="name5" width="50">Col 5</th> <th field="name6" width="50">Col 6</th> </tr> </thead> <tbody> <tr> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> </tr> <tr> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> </tr> <tr> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> </tr> <tr> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> </tr> <tr> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> <td>sdfsd</td> </tr> </tbody> </table> </body> </html>