Bootstrap Table 学习笔记许多表格上的小组件都是在这个腻害的<table></table>属性中定义的。

`表头不能对齐的问题：blog.csdn.net/xinshijiman…`

`设置列的宽度不起作用：blog.csdn.net/mrczr/artic…`

1、先开个头：从table标签开始看

<table data-toggle="table"
               data-url="../json/data1.json"
               data-height="400"
               data-row-style="rowStyle">
</table>

许多表格上的小组件都是在这个腻害的<table></table>属性中定义的。

好了，下一步该主题了。不爱扯。罗列一下在table属性中定义的有哪些吧：

data-url="../json/data1.json"数据路径。
data-height="400"表格高度。
data-row-style="rowStyle"设置row的样式。
data-classes="table table-no-bordered"表格无边框。
data-click-to-select="true"添加选择按钮。如图：
data-show-columns="true"添加控制显示列的按钮。如图：
data-toolbar="#toolbar" //是否显示工具条 data-show-refresh="true" //显示刷新按钮 data-show-toggle="true" // 显示切换按钮 data-show-columns="true" //显示列详细信息按钮 工具条
后续继续更。。。

2、table中、、标签的设置：

示例：

<thead>
   <tr>
       <th data-field="id" data-halign="right" data-align="center">Item ID</th>
       <th data-field="name" data-halign="center" data-align="left">Item Name</th>
       <th data-field="price" data-halign="left" data-align="right">Item</th>
   </tr>
</thead>

th中的data-field="id"是要接收的数据对应的索引。
data-halign="right"是thead的内容水平位置。
data-align="right"是正文内容水平位置。
data-valign="middle"是垂直位置。
data-radio="true"添加选择框。
data-switchable="false" 该列不被控制是否显示。也可以说始终显示。
data-visible="false"列的初始化不显示。
后续继续更。。。