Bootstrap表格

Bootstrap表格
开发工具与关键技术：VS Bootstrap
作者：木林森
撰写时间：2019年6月16日

之前我们分享了layui表格，今天我们就来分享另一种表格——Bootstrap表格。
在写编程时我们经常会用到表格，那我们是使用layui表格还是使用Bootstrap表格，这个就需要根据实际的情况进行选择了。
如果你想要设计一个有自己特点的表格，那就建议使用Bootstrap表格，如你想要快速建立一个传统的表格，那就建议选择layui表格，layui表格它可以实现数据的动态化，但是它如果存在过多的列，并且当屏幕缩小比例的话，那么它就会将表格压缩，这样找起数据会比较麻烦。但是此时的Bootstrap表格却有一个功能可以实现给表格添加滚动条，这样数据就不会被压缩，只要移动滚动条就能够快速找到数据。下面跟大家分享一下例子：
使用Bootstrap表格之前需要先引入它的CSS样式：（这个可以在Bootstrap官网找到下载，这里这不提供链接了）
<//link href="~/Plugins/bootstrap-4.1.3-dist/css/bootstrap.min.css" rel=“stylesheet” />
下载了CSS样式之后就可以写HTML代码了，我用的编程软件是Visual Studio 2015，简称VS，你也可以在其他编程软件中使用，如Adobe Dreamweaver CC 2017，简称DW。其实这个例子在VS和DW中写的代码都是一样的。都是在head里面引用CSS链接，在body里面写表格设计的代码。在VS中代码如图1：