这段时间研究了下bootstrap，打算从表格开始学习，实现动态绑定值，在网上找了挺多例子，但是很少有写全的，要不就太复杂，实现效果后总结一下，直接拷贝过去可以用。

      第一步：先去官网上下载bootstrap的文档

      第二步：引入bootstrap之前，先需要引入jquery的文档

      第三步：引入Bootstrap所需的js

     bootstrap 实现表格的动态绑定必须引入bootstrap-table的js插件，bootstrap本身是不具备这个功能的。

实现效果如图：

 

 一、先去网上下载必要外部文件，下载之后引入当前项目。

二、定义一个table控件

     
        
      
                            Refresh from url
        
      
    
     

三、js加载表格内容。

 四、后台生成json字符串（写的测试数据，为了方便，直接写的json串）

public class Handler1 : IHttpHandler    {        public void ProcessRequest(HttpContext context)        {            string output = "";            string action = context.Request["action"].ToString();            switch (action)            {                case "GetJson":                    output = "{\"total\":2,\"rows\":[{\"id\":\"1\",\"name\":\"name\",\"active\":\"active\",\"user_id\":\"user_id\",\"no_of_reports\":\"no_of_reports\"},{\"id\":\"2\",\"name\":\"name\",\"active\":\"active\",\"user_id\":\"user_id\",\"no_of_reports\":\"no_of_reports\"}]}";                    break;                default:                    break;            }            context.Response.ContentType = "text/plain";            context.Response.Write(output);        }     }