当前位置：首页 > 网页特效 > 表格

基于Bootstrap的可展开表格行的jQuery表格插件

分类：表格日期：2024-05-14 点击(2) 评论(0)

简介

使用这个可扩展表格插件要引入jQuery和Bootstrap的相关文件。

```html
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">              
<script src="js/jquery-1.11.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/bootstrap-table-expandable.css">
<script src="js/bootstrap-table-expandable.js"></script>   
```          
#####  HTML结构
使用这个可扩展表格行的表格插件，文件的存放结构要如下所示：

```html
bootstrap-table-expandable/
├── css/
│   ├── bootstrap-table-expandable.css
├── example/
│   ├──img.png
│   ├──index.html
├── images/
│   ├──arrows.png
└── js/
│   ├── bootstrap-table-expandable.js
```
该表格的基本HTML结构如下：

```html
<table class="table table-expandable">
  <thead>
    <tr>
      <th>Country</th>
      <th>Population</th>
      <th>Area</th>
      <th>Official languages</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>United States of America</td>
      <td>306,939,000</td>
      <td>9,826,630 km2</td>
      <td>English</td>
    </tr>
    <tr>
      <td colspan="5">
         
      </td>
    </tr>
  </tbody>
</table>        
```        
引入文件和添加上面的HTML结构之后，该表格插件就可以正常工作了。

web299.com

基于Bootstrap的可展开表格行的jQuery表格插件

简介

html5浪漫粒子表白文字特效

SlidesJS幻灯片特效

html5瀑布流相册特效

css3 svg实现的情人节表白鲜花动画特效

t-scroll.js基于ES6的DOM元素,过渡动画库插件

纯js写省市区三级联动效果