引入 jquery.hdgrid.js 。 引入 mygrid.css。
简单配置如下:
$(".gridContainer").hdgrid({
        url: 'testData.txt',
        showColNum: true,
        checkBox: false,
        showPage: true,
        autoLoad: true,
        rowclick: rowclick,
        rowdblclick: rowdblclick,
        colModel: [{name: 'col1', header: '列一',} ,{name: 'col2', header: '列二', sortable: true} ,
        {name: 'col3', header: '列三'},{name: 'col4', header: '列四'},
        {name: 'col5', header: '列五'},{name: 'col6', header: '列六',
        hidden: false},{name: 'col7', header: '列七'}]
});

rowclick: function 行单击的回调函数 参数为当前行的数据Object
rowdblclick: function 行双击的回调函数 参数为当前行的数据Object

例子如下:
var rowClick = function(rData){
        alert("click row col1 = " + rData.col1);
}