这是BootStrap-table.js下载，之前一直在忙着各种什么效果，殊不知最基础的Bootstrap Table用法（fǎ）都没有（yǒu）涉及，罪过，罪过。今天补起来吧。上午博主由零开始（shǐ）自己从头到（dào）尾（wěi）使用了（le）一遍（biàn）Bootstrap Table ，遇到不少使（shǐ）用方面的问题，也做了一（yī）部分（fèn）笔（bǐ）记，在此分享（xiǎng）出（chū）来供需要使用的园友参考（kǎo）。还记得前（qián）两天有园友（yǒu）加群问我Bootstrap Table的使用（yòng）问（wèn）题，呵呵，巧（qiǎo）了，今天博（bó）主也遇到同（tóng）样的（de）问题了，在此还是要（yào）表（biǎo）示抱歉，没有将这（zhè）篇提前发出来（lái）。3z1红（hóng）软基地

软件介绍（shào）

BootStrap-table.js是在bootstrap-table的基础上写出来（lái）的，专门（mén）用于显示数据的（de）表格插（chā）件。而bootstrap是来自（zì） Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，具有简便灵活，快（kuài）速前（qián）端开发的优势。对与bootstrap在此（cǐ）就不在（zài）叙述（shù）。本文将着重讲解自己在项目中使用到bootstrap-table的一些理解（jiě）和如何学（xué）习它。3z1红（hóng）软基地

软件说明

1、直（zhí）接下载源（yuán）码（mǎ），添加到项（xiàng）目里面来。3z1红软（ruǎn）基地
由于Bootstrap Table是（shì）Bootstrap的（de）一个（gè）组件，所以它是依赖Bootstrap的，我们首先需要（yào）添加Bootstrap的引用（yòng）。3z1红（hóng）软基地
2、使用我们神奇的Nuget3z1红软基地
打开Nuget，搜索这两（liǎng）个（gè）包3z1红（hóng）软（ruǎn）基地
Bootstrap已经（jīng）是最新（xīn）的3.3.5了，我们（men）直（zhí）接（jiē）安装即可（kě）。3z1红软基地
而（ér）Bootstrap Table的版本竟然是0.4，这也太坑爹了。所以博主（zhǔ）建议Bootstrap Table的包就直接在源码里面去（qù）下载吧。Bootstrap Table最新的（de）版本（běn）好像是1.9.0。3z1红软基地

相关总结

在开发经历（lì）中，也使用Jqgrid、EasyUI等表（biǎo）格组件。相比而言，bootstrap Table有自己（jǐ）的优势（shì）：3z1红软基地
1、界面采用扁（biǎn）平化的风格，用（yòng）户体验比较好，更好兼容各种客户（hù）端。这点（diǎn）也是最（zuì）重要的（de）。3z1红软（ruǎn）基地
2、开（kāi）源、免费。国人最喜欢的就是免费（fèi）了（le）。呵呵。3z1红软基地
3、相对Jqgrid、easyUI而言，比较轻量级（jí）。功能不能说（shuō）最全（quán）面，但基本够（gòu）用。3z1红软基地
如果大家还想深入学（xué）习，可以点（diǎn）击这里进行学习，再为大家附两个精彩的专题：Bootstrap学习教程（chéng） Bootstrap实战教程  Bootstrap Table使用教程3z1红软基地
最（zuì）近新补充的一系（xì）列bootstrap基（jī）础教程，欢迎大家学习。3z1红软基地
以上就（jiù）是本文的全部内容，希望能够帮助（zhù）大家（jiā）更（gèng）好的学习JS表（biǎo）格组件神器bootstrap table。3z1红（hóng）软基地

软（ruǎn）件截图

 3z1红软基地（dì）