跟我学JQuery DataTables表格控件及应用实例——在J2EE Web应用系统中应用DataTables控件的实例.docVIP

跟我学JQuery DataTables表格控件及应用实例——在J2EE Web应用系统中应用DataTables控件的实例 在Web应用系统中应用DataTables控件 1、创建一个Web站点 本文档的Web页面是J2EE 平台下的JSP页面，因此在Java的MyEclipse开发工具中创建出一个示例型的Web站点，如下图所示： 2、设计本示例中的Web数据表格 本示例中的Web数据表格设置了width属性为100%，表格的宽度将随着Web页面的宽度（也就是浏览器的浏览区域的宽度）大小的变化而自动适应。 table id=dataTableTagID class=display cellspacing=0 width=100% thead tr th编号/thth姓名/thth性别/thth年龄/thth年龄等级/thth地址/thth电话/thth福利费/th /tr /thead tbody tr td1/tdtd张三/tdtd男/tdtd22/tdtd青年/tdtd北京市/tdtd01012345678/tdtd￥2,000/td /tr tr td2/tdtd李四/tdtd男/tdtd13/tdtd少年/tdtd广州市/tdtd02012345678/tdtd￥5,000/td /tr tr td3/tdtd王五/tdtd女/tdtd50/tdtd中年/tdtd上海市/tdtd02112345678/tdtd￥1,030/td /tr tr td4/tdtd杨六/tdtd女/tdtd68/tdtd老年/tdtd天津市/tdtd02212345678/tdtd￥1,000.1/td /tr tr td5/tdtd赵七/tdtd男/tdtd52/tdtd中年/tdtd重庆市/tdtd02312345678/tdtd￥3,000/td /tr tr td6/tdtd张张三/tdtd男/tdtd22/tdtd青年/tdtd北京市/tdtd01012345678/tdtd￥2,000/td /tr tr td7/tdtd李李四/tdtd男/tdtd13/tdtd少年/tdtd广州市/tdtd02012345678/tdtd￥5,000/td /tr tr td8/tdtd王王五/tdtd女/tdtd50/tdtd中年/tdtd上海市/tdtd02112345678/tdtd￥1,030/td /tr tr td9/tdtd杨杨六/tdtd女/tdtd68/tdtd老年/tdtd天津市/tdtd02212345678/tdtd￥1,000.1/td /tr tr td10/tdtd赵赵七/tdtd男/tdtd52/tdtd中年/tdtd重庆市/tdtd02312345678/tdtd￥3,000/td /tr tr td11/tdtd张三三/tdtd男/tdtd22/tdtd青年/tdtd北京市/tdtd01012345678/tdtd￥2,000/td /tr tr td12/tdtd李四四/tdtd男/tdtd13/tdtd少年/tdtd广州市/tdtd02012345678/tdtd￥5,000/td /tr tr