随笔分类 - Bootstrap
摘要：写在前面： 最近做到动态表头关于日期的，这里简单的记录一下思路。 动态表头使用columns.push的方式把数据装进去，如果需要做数据，则在前台使用js的方式做数据，比在后台方便许多(后台使用map也可以做的)如下: 其中dataList是后台返回的数据: 效果图
阅读全文
摘要：写在前面： 当页面table列表数据有修改后，用户需要再次回到修改的行位置。 1.当修改行数据后，table刷新，行数据位置前后不发生改变 ，可使用下面这种方法： 2.当修改行数据后，table刷新，行数据位置发生改变，可使用下面这种方法： 参考： https://www.liangzl.com/g
阅读全文
摘要：写在前面： 之前在做表格的时候,一直忽略了表格的height高度,导致表格的的表头不能固定，这个样子当表格数据过多的时候，导致无法分辨表头是什么，所以决定固定表头。 固定表头需要使用height这一属性，但是如果使用height后就有可能出现表头与表内容不对齐的问题，这里还要解决下，一般来说这点都是
阅读全文
摘要：写在前面： 有时候表格的需求就是奇奇怪怪的，最近要做的表格需要实现当紧挨着的记录的某一列的行元素内容相同，就将其合并。要是不是相同的就不合并。如果表格数据的顺序不需要被改变，这个样子是可以很简单就完成的(只需要计算出所有相同元素出现的次数即可，不需要考虑是否紧挨着)，但是当可以改变排序的时候，这个时
阅读全文
摘要：写在前面: 日期组件有很多,这里简单的记录下bootstrap的一个日期插件datetimepicker，使用方法比较简单，基本上看一些就会了，但是还是记录下。 这个就不过多的说了，简单粗暴上代码 代码没什么好说的，大概看下就懂了，也写了很多的注释...........
阅读全文
摘要：写在前面： 最近在做的person功能，由于后期系统中person人数较多，不利用查找person,故需求方将要求可以自己编辑每页显示的数目，而不是固定的写死每页显示的数目。 下面先来看下bootsrap-table自带的可切换每页显示记录数的图片 其实我感觉自带的这个下拉框选择每页显示的记录数，已
阅读全文
摘要：写在前面： 当表格有多个表头需要进行组合的时候，这个时候就需要用到列的多维数组来实现了。由于项目中并没有涉及到太多，这里就不再写demo了，可以直接参考其他人写的博客，写的比较好。 相关参考连接：（bootstrap-table表头组合）https://www.cnblogs.com/lhyhapp
阅读全文
摘要：写在前面： 在做表格的时候，难免会碰到做统计的时候。由于在项目中涉及到做统计的功能比较简单，之后也就没有过多的去研究更复杂的，这里简单记录下。 这次就直接先上图：一个简单的例子 看到效果图还是很好的，也比较的简单，下面看一下具体的代码实现，这里也就直接上代码了。 好啦，基本的用法都在代码中做了简单的
阅读全文
摘要：写在前面： bootstrap进度条的样式还是很好看的，直接拿demo来用就可以。 下面看个简单的例子的代码吧 效果图显示： 由于bootstrap进度条控制其进度是靠width的，故我们只需要动态改变它的width就可以了。如果使用jquery来改变则通过改变css的属性就可以了 如果要想在进度条
阅读全文
摘要：写在前面： 表格在项目中是使用比较多的，bootstrap-table插件也是非常好用，而且表格页面也比较好看。这里也简单的记录下。 下面直接看demo吧，代码中都注释了，有些用法，这里没有用到，需要用到的可以在网上查查。例子有很多的。 这样一个table就出来了，下面是它的效果图: 用法也还是很方
阅读全文
摘要：写在前面： bootstrap本身提供了它自己的模态框，但是感觉并不太友好，当需要在页面点击一个按钮打开一个窗口页面时，使用原有的bootstrap的模态框，会把所有的代码全部写在一个jsp页面，显得比较不好分离。所以最后还是选择使用了基于bootstrap的一个对话框插件bootstrap-dia
阅读全文
摘要：写在前面： 在这次的项目中，没有再使用liger-ui做为前端框架了，改为了Bootstrap,这次也好接触下新的技术，在学习的过程中发现，Bootstrap的一些组件基本都是采用class的形式，就是给一个它定义好的样式，就会给你展现出一个好看的组件出来，这个比liger-ui的界面做的要好，但是
阅读全文
浙公网安备 33010602011771号