bootstrap-table-demo说明

        因为作业需求，要做一个webtable，所以就开始狂找文档资料和案例，没有找到完全符合自己环境的demo,所以就结合网上的资料自己弄了一个，为了记住一些方法，就写了下来以备以后自己用，同时也希望能分享给环境跟我差不多的朋友，必竟我也是从别人那学来的：

一.demo下载地址：

http://download.csdn.net/download/ymruseuse/10134260

二.通过了测试的功能有：table数据加载和查询等一些基本功能、表格数据的增/删/改、数据导出、冻结列、行和列的重排序、表格放大缩小、父子表、列过滤、行内编辑等。

三.环境说明：

1.bootstrap-table+php5.5.38+sqlserver2012+win10 64位操作系统（php我是用phpStudy2016搭建的）；

2.测试浏览器：ie11/edge/firefox/chrome/猎豹都测试可以使用；

3.php连接sql server及相关的基本语法，另外再写一篇。

四.文件说明：

1.在压缩包文件放在php环境的www文件下；

2.demo页在压缩包的bootstrap-table-demo\tablemodel\example目录下；

3.demo所用的sqlserver数据库DEMOTEST.bak放在了bootstrap-table-demo\PublicDatabase目录下，若要使用，则恢复到本地数据库即可；

4.demo的html代码中，有些功能是关闭的，只要代码备注中的提示启用即可看到效果；

5.记得修改和配置公共的sqlserver数据库连接文件datalinkforerpdata.php（在bootstrap-table-demo\PublicDatabase目录下）; 

6.bootstrap-table-demo\PublicDatabase目录下的autocharset.php文件是封装的是php输出json数据时，有时会出现乱码或空白的字符转换代码。

五.官方文档很重要和参考大神的链接：

1.文档http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/；

2.官方例子http://issues.wenzhixin.net.cn/bootstrap-table/；

3.JS组件系列——表格组件神器http://www.cnblogs.com/landeanfen/p/4976838.html这个大神的地址有一个系列，此处只引用一个；

4.解决行内编辑模式为select时，显示为empty的问题http://blog.csdn.net/youand_me/article/details/77008246；

5.x-editable demohttp://vitalets.github.io/x-editable/demo-bs3.html；

6.导出时中文乱码问题解决http://blog.csdn.net/youand_me/article/details/76642434；

还看了很多资料，此处不一一列举了，但还是要表示感谢！

        最后要说的是官方的例好很有用，看了基本能解决大部分问题。不过有的官方例子不能打开或显示不出想要的效果，纠结了好久，才发现，特么的原来是要js和css文件地址要翻墙，令人尴尬非常。

       最后最后再说一下，这个是php+sqlsever环境下的！这个是php+sqlsever环境下的！这个是php+sqlsever环境下的！  三遍！

效果图：