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

软件介绍（shào）

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

软（ruǎn）件说明

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

相关总结

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

软件截图

 3z1红（hóng）软基地