1、第一步，双击打开HBuilder编辑工具，新建静态页面width.html；然后在页面引入jquery、jqGrid和bootstrap核心文件，如下图所示：
2、第二步，在<body></body>标签元素插入两个div，然后分别在两个div中插入表格和按钮，如下图所示：
3、第三步，在jquery初始化函数内编写列表表头和表体，使用数组widths的元素作为列表字段的列宽，如下图所示：
4、第四步，分别编写获取和调整两个按钮的点击事件，获取按钮事件里遍历表格获取列宽，调整按钮使用宽度和字段循环给列表字段宽度赋值，如下图所示：
5、第五步，设置列表下方的分页的样式，让数值靠近右边，如下图所示：
6、第六步，保存代码并预览该静态页面，分别点击获取和调整按钮，查看浏览器控制台打印的结果，如下图所示：
