bootstrap表格内容循环

来源：互联网发布：linux命令强制删除文件编辑：程序博客网时间：2024/05/29 11:39

在试用bootstrap是表格循环时用下面所示的方式：

<table id="teacher_table" class="text-center" data-toggle="table" data-url="data.php" data-method="post"                     data-query-params="queryParams"                      data-toolbar="#toolbar"                      data-pagination="true"                      data-search="true"                      data-show-refresh="true"                      data-show-toggle="true"                      data-show-columns="true"                      data-page-size="5">                  <thead>                      <tr>                          <th data-field="name">用户账号</th>                          <th data-field="pwd">用户密码</th>                          <th data-field="t_name">教师姓名</th>                      </tr>                  </thead>              </table>

其中data-url属性是指远程获取的数据，格式根据上面设置的表头名称data-field属性，远程资源需要按照这样的格式：

[{"name":"shangsan","pwd":"20160822","t_name":"张三"},  {"name":"lisi","pwd":"20170233","t_name":"李四"},  {"name":"wangwu","pwd":"20140985","t_name":"王五"},  {"name":"zhengkai","pwd":"20140011","t_name":"郑凯"},  {"name":"guanlin","pwd":"20141122","t_name":"关林"},  {"name":"zhaoli","pwd":"20146699","t_name":"赵丽"},  {"name":"dengming","pwd":"20167582","t_name":"邓明"},  {"name":"limin","pwd":"20142541","t_name":"李敏"},  {"name":"lixiaojuan","pwd":"20143651","t_name":"李晓娟"},  {"name":"liming","pwd":"20142015","t_name":"李明"},  {"name":"yuanjie","pwd":"20142036","t_name":"袁杰"}]

1 0